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;
}

 难不难?不难!简单不简单?简单!

posted @ 2016-09-08 14:45  骑着鱼去飞  阅读(560)  评论(0编辑  收藏  举报

我的QQ:597014772