使用CSS实现文本不换行
warning:
这篇文章距离上次修改已过187天,其中的内容可能已经有所变动。
要使用CSS实现文本不换行,可以使用white-space
属性。设置white-space
属性为nowrap
可以保证即使文本超出其包含块的宽度也不会换行。
下面是实现文本不换行的CSS代码示例:
.no-wrap {
white-space: nowrap;
}
然后在HTML中,将这个类应用到需要实现不换行的元素上:
<div class="no-wrap">这段文本不会换行,即使它超出了容器的宽度。</div>
评论已关闭