table列宽控制，word-break等

从一开始写html就一直一直一直被这个问题困扰啊，每次都得调上一天啊，今天非得记下来啊。

一个table，里面装的东西都很长，导致表格变形，怎么办？

首先，用colgroup把每一列的比例设置好，尽量让那些数加起来等于100%吧，不等于的话我也不知道啥后果。

<table>
<colgroup>
<col style="width:20%">
<col style="width:10%">
<col style="width:20%">
<col style="width:40%">
<col style="width:5%">
<col style="width:5%">
</colgroup>
<thead></thead><tbody></tbody>
</table>

再在总体css设置

td{
   word-break:break-all;
}

　难不难？不难！简单不简单？简单！

转载于:https://www.cnblogs.com/wasss/p/5853029.html