1. 程式人生 > >個性化設定table的td寬度(總結)

個性化設定table的td寬度(總結)

很多時候,我們在用到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