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

作者:袖梨 2022-06-25

强制不换行

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; }//*不换行,超出部分隐藏且以省略号形式出现*/

相关文章

精彩推荐