Jquery中文网 www.jquerycn.cn
Jquery中文网 >  CSS教程  >  经典实例  >  正文 css强制文字不换行实例详解

css强制文字不换行实例详解

发布时间:2020-05-15   编辑:www.jquerycn.cn
jquery中文网为您提供css强制文字不换行实例详解等资源,欢迎您收藏本站,我们将为您提供最新的css强制文字不换行实例详解资源
在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;}//*不换行,超出部分隐藏且以省略号形式出现*/

您可能感兴趣的文章:
css强制文字不换行实例详解
css强制文字不换行实现代码
CSS 强制自动换行实例
CSS强制换行几种方法
css word-break 和 word-wrap自动换行详解
Css实现div 文字自动换行并换行后对齐
css英文字母数字自动换行且不断词方法
Javascript 字符转换数字的三种方法
JavaScript中字符串、数字类型转换的多种方法
CSS Expression讲解

[关闭]