只为成功找方向,不为失败找借口

每天都不能停止前进的脚步
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

网页内容自动换行

Posted on 2009-01-04 18:51  冰碟  阅读(450)  评论(0编辑  收藏  举报

转载自:http://www.cnblogs.com/RuiLei/archive/2006/02/11/328799.html

 

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