CSS3是一種非常強大的樣式語言,其提供了許多新特性,其中包括文本換行的控制方式。
text-wrap: normal | break-word; word-wrap: normal | break-word; white-space: normal | nowrap | pre | pre-wrap | pre-line;
text-wrap屬性規定當文本到達容器的邊緣時是否應該進行換行,它有兩個值:
- normal:默認值,表示文本不強制換行。 - break-word:表示當一個單詞太長以至于無法放在一行上時,將會被強制換行。
word-wrap屬性也類似,它用于定義是否允許在單詞內部進行換行。
- normal:默認值,表示不允許在單詞內部進行換行。 - break-word:表示可以在單詞內部進行換行,以防止單詞溢出容器邊緣。
而white-space屬性則用于定義文本的處理方式,它有五個值:
- normal:默認值,表示文本中連續的空格會被合并為一個空格,并忽略換行符。 - nowrap:表示文本中連續的空格和換行符都不會被忽略,也不會自動換行。 - pre:表示文本中連續的空格和換行符都不會被忽略,但是會自動換行。 - pre-wrap:表示文本中連續的空格和換行符都不會被忽略,并且會自動換行。 - pre-line:表示文本中連續的空格會被合并為一個空格,但是換行符不會被忽略,并且會自動換行。
通過對這些屬性的設置,可以輕松地控制文本的換行效果,適應不同的設計需求。