CSS white-space屬性是用來控制文本是否換行和空格的展示方式。我們可以使用white-space屬性來指定一段文本的換行方式,包括允許文本流中的連續空格和換行符是否可見等。
white-space屬性的常用取值是normal、nowrap、pre、pre-wrap和pre-line。
- normal:默認值,連續的空格或換行符會被合并為一個空格,并且當文本到達區域邊緣時,會自動換行。
- nowrap:連續空格不會被合并,也不會自動換行,所有文本都會在一行上顯示。
- pre:連續空格和換行符會被保留,文本會按照源代碼格式進行顯示。
- pre-wrap:連續空格和換行符會被保留,當文本到達區域邊緣時,會自動換行。
- pre-line:連續空格會被合并為一個空格,連續的換行符也會被合并為一個換行符,當文本到達區域邊緣時,會自動換行。
下面是一些white-space屬性的使用示例:
p.normal { white-space: normal; } p.nowrap { white-space: nowrap; } p.pre { white-space: pre; } p.pre-wrap { white-space: pre-wrap; } p.pre-line { white-space: pre-line; }使用以上的css代碼可以讓我們對white-space屬性有了更深刻的了解,我們可以根據我們的需要來設置我們想要的文本展示方式。需要注意的是,不同的white-space屬性取值會對文本的展示方式有著不同的影響,所以我們在使用之前最好要了解清楚其作用。