在CSS中，可以通過text-decoration屬性添加橫線，但是橫線一般不會自動換行，導致頁面排版混亂。那么，該如何實現橫線自動換行呢？以下是一種方法：

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

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

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

最后，使用word-wrap屬性實現自動換行，在遇到長單詞或URL時，自動將其拆分成多行，保證橫線能夠順利換行。

以上是一種簡單、實用的CSS橫線自動換行樣式實現方法，可以幫助你更好地管理頁面排版。