在網(wǎng)頁開發(fā)中，文字換行是一個經(jīng)常需要設(shè)置的問題。為了更好地控制文本內(nèi)容顯示在頁面上的位置，CSS提供了多種常見的文本換行方式。 一、強制文本換行 有時候我們希望文本在特定的位置換行，這時候可以使用“\n”符號來強制文本換行：

這是一些非常長的文本，需要在特定的位置上進行換行來展示效果。這是第一行文字。
這是第二行文字。這是第三行文字。

在上面的例子中，我們使用了< br />標(biāo)簽來實現(xiàn)換行。當(dāng)然，也可以使用max-width屬性，如下： p{ max-width: 200px; word-break: break-all; } 二、自動文本換行 在實際應(yīng)用中，我們并不需要手動設(shè)置文本換行。當(dāng)文本內(nèi)容無法在一行內(nèi)顯示時，瀏覽器會自動將文本自動換行到下一行。在CSS中，我們可以使用word-wrap或者word-break屬性來實現(xiàn)文本自動換行。 word-wrap屬性： word-wrap屬性是用來設(shè)定文本元素的自動換行方式的。通過將word-wrap屬性設(shè)置為“break-word”，我們可以實現(xiàn)讓瀏覽器在單詞的前面自動換行，避免出現(xiàn)很長一行的單詞導(dǎo)致頁面顯示錯亂。 p{ word-wrap:break-word; } word-break屬性： 另一種實現(xiàn)自動文字換行的 CSS 屬性是 word-break。word-break屬性決定瀏覽器如何將單詞換行分解。默認(rèn)情況下，瀏覽器會在單詞中斷開（cut-off）文本。如果單詞長度超過文本的寬度，那么瀏覽器會將該單詞移至下一行開始?？梢詫ord-break屬性設(shè)置為“break-all”，以強制瀏覽器在單詞中間斷開文本。 p{ word-break:break-all; } 以上就是CSS設(shè)置文字換行的方法介紹，希望對您有所幫助！