换行失效

最新推荐文章于 2025-06-28 09:13:14 发布

原创最新推荐文章于 2025-06-28 09:13:14 发布 · 697 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#table

收录于

本文探讨了在HTML中使用特定样式属性使长串符号能够自动换行的方法。通过调整`word-wrap`和`word-break`属性，解决了符号字符串超出单元格宽度时无法正常换行的问题。

style="word-break: break-all"换行失效

如：
<table width="100%" style="word-break: break-all" >
<tr>
<td width="200">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>
显示正常！

现在把里面的内容换成符号：
<table width="100%" style="word-break: break-all" >
<tr>
<td width="200">!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</td>
</tr>
</table>
就不能换行了，请问一下这是为什么，怎么才能解决了！