css css文字不换行

css文字不换行怎么实现

小亿
130
2023-06-19 17:26:50
栏目: 编程语言
前端开发者专用服务器,限时0元免费领! 查看>>

可以使用CSS的white-space属性来控制文字不换行。

例如,如果想让一整行文字不换行,可以这样写:

.no-wrap {
white-space: nowrap;
}

然后在HTML中使用该类名即可:

<p class="no-wrap">这是一整行文字不换行这是一整行文字不换行这是一整行文字不换行</p>

如果想让某个元素内的文字不换行,可以这样写:

.no-wrap {
white-space: nowrap;
}
<div class="no-wrap">
<p>这是一整行文字不换行这是一整行文字不换行这是一整行文字不换行</p>
</div>

这样,<p>元素内的文字就不会换行了。

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

相关推荐:css文字不换行怎么设置

0
看了该问题的人还看了