CSS中,默認情況下,換行符是不會被顯示的,這就意味著在HTML文本中的多行文本是不會被正確地呈現的。然而,CSS提供了一些屬性,可以幫助我們顯示換行符。
white-space: pre;
使用這個屬性可以保留HTML文本中的空格和換行符,并將它們正確地呈現在瀏覽器中。 這個屬性叫做 "white-space",意為“空格”。 它的值 "pre" 代表“預格式化文本”,也就是含有格式的文本。此時,HTML文本中的空格、換行符和制表符都會被保留,可以顯示出來。
我們也可以使用"white-space"屬性的其他值:
white-space: nowrap; /* 禁止換行 */ white-space: pre-wrap; /* 保留空格與換行,但是超出寬度會進行自動換行 */ white-space: pre-line; /* 合并空白符,保留換行符,字符自動換行 */
通過合理地運用這些屬性,我們可以讓HTML文本中的多行文本更加美觀,清晰地呈現在頁面上。