首页 > PHP资讯 > HTML5培训技术 > td 内容自动换行 table表格td设置宽度后文字太多自动换行

td 内容自动换行 table表格td设置宽度后文字太多自动换行

HTML5培训技术
点评:table表格td设置宽度后文字太多导致自动换行,这是一个很常见的问题,或许很多的网友已经有了好的解决方法,如果依然有童鞋们不会的,可以参考下本文,可能会有意外的收获
设置table 的 style="table-layout:fixed;" 然后设置td的 style="word-wrap:break-word;" 即可
 
 
代码如下:
 
<table style="TABLE-LAYOUT: fixed" border="1" cellspacing="0" cellpadding="0" width="200">
<tbody>
<tr>
<td style="WORD-WRAP: break-word" width="20">sssssssssssssssssssssssssssssssssssssssssssssss </td>
<td>aaaaa</td>
</tr>
<tr>
<td style="WORD-WRAP: break-word" width="20">sssssssssssssssssssssssssssssssssssssssssssssss </td>
<td>aaaaa</td>
</tr>
</tbody>
</table>

南京HTML5培训http://www.thinksite.cn/
本文由欣才IT学院整理发布,未经许可,禁止转载。