在css中如果我们要实现当前行强制文字不换行只要在css中加入white-space:nowrap; 就可以了,其它的一些overflow,nowrap都是附加条件了。
强制不换行
CSS设置不转行:
overflow:hidden 隐藏
white-space:normal 默认
pre 换行和其他空白字符都将受到保护
nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象
例
代码如下
复制代码
div{
white-space:nowrap;
}
注意
.p4{white-space:nowrap; width:10px;}/*强制不换行,都起作用*/
.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}//*不换行,超出部分隐藏且以省略号形式出现*/