您的位置:首页 > 理论基础 > 计算机网络

td强制换行《http://www.cnblogs.com/Fooo/archive/2011/03/28/1998048.html》

2014-08-07 21:56 381 查看
1.我使用的方法是在td中加入nowrap='nowrap' 

2.其他方法:

1. table 的style里加 table-layout:fixed (好像有时不需要)

2. td的style里加white-space:nowrap;overflow:hidden;word-break:break-all; 用来防止换行

3. 然后在td里加一个div

div style=”width:350px;overflow:hidden;” nowrap>…</div>

(信息来自:http://devblog.ns-soft.com/index.php/p/91/

在css中控制强制换行或不换行的写法为:

语法:

white-space : normal | pre | nowrap |inherit

取值:

normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行

pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用,但是不会发生作用。结果等同于 normal 。参阅 pre 对象

nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象

CSS设置不转行:

overflow:hidden 隐藏

white-space:normal 默认

pre 换行和其他空白字符都将受到保护

nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象

设置强行换行:

word-break:

normal: 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行

break-all:该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本

keep-all:与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法

◆如果未设置TD宽度,则noWrap属性是起作用的。

◆如果设置了TD宽度,则noWrap属性是不起作用的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐