CSS中有一個非常常用的屬性是white,它代表著文本中的空格、換行和tab縮進的處理方式。
white-space: normal | nowrap | pre | pre-wrap | pre-line;
其中,常用的有幾種:
- normal:默認值,會忽略多余的空格和換行;
- nowrap:不允許換行,會忽略多余的空格;
- pre:保留所有的空格和換行,識別tab縮進;
- pre-wrap:同pre,但如果一行太長會自動換行;
- pre-line:忽略多余的空格,但會保留換行和tab縮進。
實際上,white-space還有一些其他的取值,如break-spaces(保留所有的空格但忽略換行)、inherit(繼承父元素的white-space屬性)、initial(設置white-space屬性為默認值normal)等。
使用white-space屬性可以輕松地控制文本的顯示方式,讓它符合我們的預期。例如,在代碼編輯器中,我們希望代碼能夠保留原始的縮進和換行,這時可以用pre或pre-wrap;如果要限制文本的寬度,使其自動換行但保留縮進,可以用pre-wrap;而在大段文字中,我們則可以用pre-line來讓文本展示得更舒適。
下一篇css 中不居中對齊