css文字不換行怎么實(shí)現(xiàn)

小億
113
2023-06-19 17:26:50
欄目: 編程語言

可以使用CSS的white-space屬性來控制文字不換行。

例如，如果想讓一整行文字不換行，可以這樣寫：

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

然后在HTML中使用該類名即可：

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

如果想讓某個(gè)元素內(nèi)的文字不換行，可以這樣寫：

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

<div class="no-wrap">
<p>這是一整行文字不換行這是一整行文字不換行這是一整行文字不換行</p>
</div>

這樣，<p>元素內(nèi)的文字就不會(huì)換行了。

0 踩