CSS（層疊樣式表）是用來控制網(wǎng)頁樣式和布局的一種語言，其中眾多CSS屬性中有一種非常常用，那就是“換行顯示100（word-wrap: break-word）”。 在網(wǎng)頁排版中，由于某些因素的影響（如長單詞、沒法分割的URL鏈接等），經(jīng)常會造成文字超出了預(yù)設(shè)邊界而導(dǎo)致網(wǎng)頁樣式混亂或不美觀。此時(shí)需要使用“換行顯示100”屬性來解決這個問題。 具體實(shí)現(xiàn)的方法為，在相應(yīng)的CSS選擇器內(nèi)加入“word-wrap: break-word”屬性即可。下面是一個具體的例子：

p {
width: 300px; /*設(shè)定文本框?qū)挾葹?00px*/
word-wrap: break-word; /*換行顯示100*/
}

在以上代碼中，我們設(shè)置了一個p標(biāo)簽內(nèi)的文本框?qū)挾葹?00px，并加入了“word-wrap: break-word”屬性。這樣，在該文本框內(nèi)出現(xiàn)的文字若超出該寬度范圍，就會自動換行顯示，不會超出文本框范圍，就能夠更好地展示網(wǎng)頁內(nèi)容。 “word-wrap: break-word”屬性的實(shí)現(xiàn)原理是基于瀏覽器對文本塊的斷字和布局方式的控制。當(dāng)瀏覽器發(fā)現(xiàn)某個單詞或短語長度超過了文本框邊界，它就會強(qiáng)制打斷該單詞或短語，將剩余的部分自動換行到下一行上，而不會影響該段落文本框的布局。 總的來說，“換行顯示100”屬性是CSS中的一個非常實(shí)用的屬性之一，能夠幫助我們解決網(wǎng)頁排版中的一些難題，提高網(wǎng)頁的美觀度和可讀性。