一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-25 09:37:38 编辑:袖梨 来源:一聚教程网

强制不换行

CSS设置不转行:

overflow:hidden 隐藏
white-space:normal 默认
pre 换行和其他空白字符都将受到保护
nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象


 代码如下 复制代码

div{
white-space:nowrap;
}

注意

.p4{white-space:nowrap; }/*强制不换行,都起作用*/
.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }//*不换行,超出部分隐藏且以省略号形式出现*/

热门栏目