在做網頁中,經常會遇到一些元素需要進行換行展示,但是又不想給其設置一個具體的高度,這時候我們就可以使用 CSS 中的white-space
屬性配合pre
標簽來實現。
.example {
white-space: pre-wrap;
}
在上面的代碼中,我們使用pre-wrap
值來設置white-space
屬性。這個屬性值可以保留文本中的空格和換行,同時也會使文本自動換行。因此,我們可以將需要展示的內容放在一個pre
標簽中,并給其設置上述樣式,就可以實現換行且無高度的效果了。
示例代碼如下:
<div class="example">
This is a
multiline
text example.
</div>
效果如下圖所示:
This is a
multiline
text example.
上一篇css控制圓角個別角
下一篇css規則由那兩部分組成