html table中定义了宽怎么对英文字母没效果

发布网友发布时间：2022-04-21 07:48

共1个回答

热心网友时间：2022-04-21 09:17

这是一个BUG。已经定义宽度，但当内容为连续英文或数字时不换行。
在出问题的地方添加一个类，定义属性{word-wrap:break-word;}；
在<table>标签中添加样式"table-layout:fixed;"
就可以正常换行了。
--------------------------------
<style type="text/css">
.z { word-wrap:break-word; }
</style>
----------------------------
<table width="600" border="1" cellspacing="0" cellpadding="0" style="table-layout:fixed;">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td width="100" class="z">123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>