网页内容自动换行
在默认情况下网页是不自动换行的,
如果字符很长的话,
就会使网页变型,
因为它是通过绝对长度来控制的,
其实只要在表格控制中添加一句
<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相同。
对于中文,韩文,日文,不允许字断开。
适合包含少量亚洲文本的非亚洲文本
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步