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; }
难不难?不难!简单不简单?简单!