网页内容自动换行
在默认情况下网页是不自动换行的,
如果字符很长的话,
就会使网页变型,
因为它是通过绝对长度来控制的,
其实只要在表格控制中添加一句
<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相同。
对于中文,韩文,日文,不允许字断开。
适合包含少量亚洲文本的非亚洲文本