HTML连续英文字符串强制换行

关注

原创最新推荐文章于 2026-03-19 00:00:00 发布 3.1k 阅读 AI 写同款· GEO 优化 ›

深入解析数据通信中的码元速率与比特率：从基础到实战应用本文深入解析了数据通信中的核心概念码元速率与比特率，通过生动的比喻和公式（比特率=波特率×log₂(M)）揭示其本质关系。文章结合BPSK、QPSK、16QAM等调制技术，剖析了从4G/5G到LoRa等实战场景中如何权衡速率、距离与可靠性，并提供了软考真题解析与系统设计建议，帮助读者从理论到应用全面掌握数据速率优化。阅读详情

在table的某一格里插入文本时,如果是中文当然是没有问题,当到达指定宽度时会自动换行,但如果是英文或数字之类的就会有问题了.因为它是以空格为英文单词间的区别,但是如果输入一长串英文,中间不含空格时,表格就变形了.但事实table的style里有一项可以让英文强制换行的,就是 word-break,当把这项设为break-all时大家就可以看到效果了.

　　示例代码：

　　<table width="100%" style="TABLE-LAYOUT: fixed word-break:break-all">
　　
　　<td width="20%">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
　</td><td width="80%"></td></table>

　　把这copy到body里预浏看看.

　　word-break还有两个选项:normal就是通常的,不设置时的效果了。

　　keep-all:则是和break-all相反,是不管什么字符在没有空格和换行符的情况下都不换行.

其中，TABLE-LAYOUT: fixed; word-break:break-all

是比较关键的样式。这个我在使用css对过长字符串使用省略号中已经提到过，这次还是要使用该样式。

但是对于Firefox这个样式是不生效的，继续研究中....