前端福利之個性化設置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