有關表格table-layout:fixed屬性的問題
阿新 • • 發佈:2019-02-03
對錶格設定table-layout:fixed屬性以後,如果表格的第一行tr中的td設定過單元格合併,後面tr中的td無論如何設定寬度都沒有任何效果,針對這個問題有如下兩種解決方法
1 在表格的第一行設定一個隱藏的行如下:
<table style="table-layout: fixed; width:100%;"> <tr style="display:none"> <td width="30%"></td> <td width="40%"></td> <td width="30%"></td> </tr> <tr> <td colspan="3">統計表</td> </tr> <tr> <td>111</td> <td>222</td> <td>333</td> </tr> </table>
2 在表格的tbody前插入col元素
對於表格單元格文字過長,可以通過設定td的屬性word-wrap:break-word<table> <col style="width:100px"/> <col style="width:200px"/> <col style="width:300px"/> <tbody> <tr> <td colspan="3">統計表</td> </tr> <tr> <td>111</td> <td>222</td> <td>333</td> </tr> </tbody>