CSS中文字的不換行問(wèn)題是前端開(kāi)發(fā)中常見(jiàn)的一個(gè)問(wèn)題。當(dāng)文本內(nèi)容超出寬度限制時(shí)，如果不設(shè)置任何樣式，該文本內(nèi)容就會(huì)自動(dòng)換行。但在某些情況下，我們需要手動(dòng)控制文本內(nèi)容的換行，從而實(shí)現(xiàn)需要的頁(yè)面效果。

在CSS中，我們可以使用“white-space”屬性來(lái)控制文本內(nèi)容的換行方式。該屬性有三個(gè)可選值：

/* normal：文本內(nèi)容會(huì)自動(dòng)換行 */
/* nowrap：文本內(nèi)容不會(huì)自動(dòng)換行，需要手動(dòng)設(shè)置換行符 */
/* pre：文本內(nèi)容不會(huì)自動(dòng)換行，并保留空白符（包括換行符） */
p {
white-space: nowrap; /* 防止中文字符自動(dòng)換行，需要手動(dòng)添加換行符 */
}

如果設(shè)置“white-space:nowrap”屬性值，則文本內(nèi)容不會(huì)自動(dòng)換行，需要手動(dòng)添加換行符。該屬性值適用于需要單獨(dú)處理文本內(nèi)容樣式的場(chǎng)景，例如橫向滾動(dòng)條的實(shí)現(xiàn)等。

而如果使用“white-space:pre”屬性值，則可以實(shí)現(xiàn)文本內(nèi)容顯示時(shí)保留空白符（包括換行符），適用于需要顯示原始文本內(nèi)容的場(chǎng)景。使用該屬性值可以讓HTML中的空格、換行符等字符在頁(yè)面中完美保留，從而使文本內(nèi)容更加優(yōu)美。