网页内容自动换行 _网页列表自动隔一行-CSDN博客

本文介绍了一种在网页设计中实现自动换行的方法，通过在表格单元格样式中添加word-break属性来避免长字符串导致页面布局变形的问题。适用于不同浏览器环境。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在默认情况下网页是不自动换行的，
如果字符很长的话，
就会使网页变型，
因为它是通过绝对长度来控制的，
其实只要在表格控制中添加一句
<td style="word-break:break-all">就OK

完整的是
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"

word-break:break-all mozilla等(包括firefox)不支持，将会在 css3 中实现。
目前mozilla只能overflow-x:hidden 临时解决，
或者作者在书写的时候避开这种连续无空格英文或数字

Sample:
<body>
<table width="100" border="0">
<tr>
<td width="628" style="word-break:break-all">
//ToDoIt
</td>
</tr>
</table>
</body>

语法：

word-break : normal | break-all | keep-all

参数：

normal : 　依照亚洲语言和非亚洲语言的文本规则，允许在字内换行
break-all : 该行为与亚洲语言的normal相同。
            也允许非亚洲语言文本行的任意字内断开。
            该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。
            对于中文，韩文，日文，不允许字断开。
适合包含少量亚洲文本的非亚洲文本