在前端開發(fā)中，設(shè)計師和開發(fā)工程師經(jīng)常會遇到需要在網(wǎng)頁上放置大段文本的情況。然而，當(dāng)文本比較長的時候，容易出現(xiàn)超出范圍的問題，這時就需要用到CSS中的超出范圍換行屬性。 CSS中超出范圍換行屬性常用的有兩種：word-wrap和overflow-wrap。這兩種屬性可以用來控制當(dāng)一個塊級元素的內(nèi)容超出了其容器的寬度時的換行方式。 1. word-wrap 該屬性在CSS3中被引入，它的作用是控制當(dāng)單詞太長而無法在一行上完整地顯示時的換行方式。它有以下幾種取值： - normal：默認(rèn)的換行方式，即只在單詞的邊界處換行。 - break-word：在單詞內(nèi)部隨意換行。 pre { word-wrap: break-word; } 2.overflow-wrap 該屬性在CSS3.1中被引入，用來取代word-wrap屬性。它的作用也是控制自動換行方式，但它更加智能，可以正確地識別多個單詞超長的情況。它有以下幾種取值： - normal：默認(rèn)的換行方式，只在單詞的邊界處換行。 - break-word：在單詞內(nèi)部隨意換行。 pre { word-wrap: break-word; overflow-wrap: break-word; } 總之，無論使用哪一種屬性，都可以很好地解決超出范圍換行的問題，讓文本更加美觀易讀。