css文字不换行怎么实现

lewis 2019-03-16 45次阅读

可以使用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>元素内的文字就不会换行了。



发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。