個性化設定table的td寬度(總結)
阿新 • • 發佈:2018-11-10
很多時候,我們在用到table時,都希望隨意設定 每個單元格的寬度,而不希望單元格被內容撐開table的樣式。
1.首先,設定table的寬度 width=“1000” 或者 width=“100%”。注意:如果width固定為1000,當每個單元格的寬度相加大於1000 時,table的寬度是以所有單元格的寬度相加為準的。
2.table的樣式 設定style=“table-layout:fixed;” .接下來設定td的寬度,只設置第一行的就行,按照自己需要的大小去設定即可。如果不設定td的寬度的話,預設每個td大小按照table的寬度等分。
還有,當單元格的內容過多時,超出的是會顯示在單元格外邊的。這個時候我們希望內容在單元格內自動換行,
即:設定td style="word-wrap:break-word;"
<table> <tr class="messageTrU"> <td width="20%">這裡是名字</td> <td> 割發代首過水電費和東莞市的分 </td> </tr> </table> ---------------------
---------------------
原文:https://blog.csdn.net/g893465244/article/details/52330887
原文:https://blog.csdn.net/u012385190/article/details/54138620