CSS中的white-space屬性用于控制元素內文字的空格和換行等特殊字符的顯示方式。默認情況下,HTML元素會忽略多余的空格和換行符,將它們合并成一個空格。但是,white-space屬性可以讓我們控制元素內空格和換行的顯示方式,下面是各個屬性的介紹。
pre屬性
pre屬性會保留所有空格和換行符。這和我們使用pre標簽來展示文字一樣,pre標簽中的空格和換行都會被保留。下面是這個屬性的代碼示例:
This is a test上面的代碼中,每個單詞之間有多個空格,但是在瀏覽器中展示的時候,每個單詞之間只有一個空格。 nowrap屬性 nowrap屬性可以去掉文字中的所有換行符和空格,使文本在一行中顯示。它會強制文本超出容器寬度的部分被截斷。下面是這個屬性的代碼示例:
This is a test
上面的代碼中,文字沒有換行,而是在一行中顯示。如果文字超出了容器的寬度,則會被截斷。 normal屬性 normal屬性是默認屬性,會將相鄰的空格和換行符合并成一個空格,并且在文字的末尾自動換行。下面是這個屬性的代碼示例:This is a test
上面的代碼中,相鄰的空格和換行被合并成了一個空格,文字自動換行。 以上就是white-space屬性中常用的三個屬性。我們可以根據需求來選擇合適的屬性,來控制元素內文字的顯示方式。