在CSS中，可以通過(guò)text-decoration屬性添加橫線，但是橫線一般不會(huì)自動(dòng)換行，導(dǎo)致頁(yè)面排版混亂。那么，該如何實(shí)現(xiàn)橫線自動(dòng)換行呢？以下是一種方法：

.selector {
text-decoration: underline;
display: inline-block;
max-width: 100%;
word-wrap: break-word;
}

以上代碼中，通過(guò)設(shè)置display屬性為inline-block，使橫線擁有了block元素的寬度和高度特性，同時(shí)又保留了inline元素在行內(nèi)排版的特性。

接著，通過(guò)max-width屬性設(shè)置最大寬度為100%，可以讓橫線隨著父元素的寬度自適應(yīng)變化，避免超出容器而破壞頁(yè)面布局。

最后，使用word-wrap屬性實(shí)現(xiàn)自動(dòng)換行，在遇到長(zhǎng)單詞或URL時(shí)，自動(dòng)將其拆分成多行，保證橫線能夠順利換行。

以上是一種簡(jiǎn)單、實(shí)用的CSS橫線自動(dòng)換行樣式實(shí)現(xiàn)方法，可以幫助你更好地管理頁(yè)面排版。