温馨提示×

css文字不换行怎么实现

小亿
95
2023-06-19 17:26:50
栏目: 编程语言

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

0