CSS中有一個常用的文字換行控制標簽——white-space
屬性,它的作用是定義元素中的空白和換行符號該如何處理。
默認情況下,一段文字在遇到邊界時會自動換行;如果不希望出現這種情況,可以用white-space: nowrap;
實現文字不自動換行。
p{ white-space: nowrap; }
另外,在兩個字之間插入兩個空格時,也會出現單詞出現在行尾的情況。為了避免這種情況,可以使用word-wrap: break-word;
實現單詞在遇到邊界前自動換行。
p{ word-wrap: break-word; }
如果希望保留多個空格和換行符號的信息,可以使用white-space: pre;
實現原樣輸出。
p{ white-space: pre; }
總之,不同的white-space
屬性可以滿足不同的需求,開發者可以根據具體場景進行選擇使用。
上一篇div_170
下一篇css文字做div中間