CSS中純文本的換行可以通過white-space屬性來控制。
當(dāng)white-space屬性的值為normal或者默認(rèn)值時(shí),文本會(huì)根據(jù)父元素的寬度自動(dòng)換行。
當(dāng)white-space屬性的值為pre或者pre-wrap時(shí),文本會(huì)按照原始文本中的換行符進(jìn)行換行。pre-wrap允許在需要時(shí)自動(dòng)換行。
當(dāng)white-space屬性的值為pre-line時(shí),文本會(huì)在遇到換行符或空格的情況下自動(dòng)換行。而在沒有遇到這些情況時(shí),會(huì)根據(jù)父元素的寬度自動(dòng)換行。
需要注意的是,在使用pre和pre-wrap屬性時(shí),文本中的空格和換行符會(huì)保留。而在使用pre-line時(shí),空格和換行符會(huì)被忽略,即使是連續(xù)的空格也會(huì)被當(dāng)作單個(gè)空格來處理。
以下是一些示例代碼:
p { white-space: normal; } p.pre { white-space: pre; } p.pre-wrap { white-space: pre-wrap; } p.pre-line { white-space: pre-line; }在使用white-space屬性時(shí),需要根據(jù)實(shí)際情況選擇適合自己的值,以達(dá)到最佳的閱讀效果。