CSS文字自動換行的方法是通過設置word-wrap
和white-space
屬性來實現的。
word-wrap: break-word;
white-space: pre-line;
word-wrap
屬性會在單詞邊界處強制換行,保證單詞不會被分割,并將長單詞拆分成多行。white-space
屬性會處理空格和換行符,將連續的空格和換行符都視為一個空格,并根據需要進行換行。
當white-space
設置為pre-line
后,當遇到<br>
標簽時,會進行強制換行。
對于單行文本,我們可以使用以下代碼:
.white {
word-wrap: break-word;
}
對于多行文本,我們可以使用以下代碼:
.multiline {
white-space: pre-line;
}
完整的CSS樣式會像下面這樣:
p {
word-wrap: break-word;
white-space: pre-line;
}
以上是CSS文字自動換行的實現方式,可以根據具體使用場景進行選擇和調整,以達到更好的可讀性和視覺效果。