长串连续英文字符换行问题

最新推荐文章于 2023-11-28 09:59:25 发布

转载最新推荐文章于 2023-11-28 09:59:25 发布 · 1.2k 阅读

文章标签：

#table

网站建设专栏收录该内容

740 篇文章

订阅专栏

本文介绍了一种在HTML表格中处理长单词截断的方法，通过设置table-layout为fixed，并在单元格中使用word-break:break-all样式，使得过长的内容能够换行显示，避免破坏页面布局。

其实也有缺点，比如一个很短的词恰恰在结尾，也会被截断
但是至少可以不破坏页面结构。要声明的是，汉子不存在这个问题。

下面的代码可以解决，主要是：table里面加了一个style,td里面加了一个style。
<table style="table-layout:fixed">
<tr>
<td style="word-break:break-all">ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</td>
</tr>
</table>

http://www.corange.cn/archives/2008/03/695.html