在HTML和CSS中，我們常常需要使用換行來使得文本和元素更加清晰易讀。但是，在HTML和CSS中，使用空格和回車來實(shí)現(xiàn)換行并不是一個好習(xí)慣，這為代碼的閱讀和維護(hù)帶來了麻煩。因此，我們需要學(xué)會使用HTML和CSS提供的專門的換行代碼來實(shí)現(xiàn)頁面的換行。

代碼    含義
插入一個換行符
插入一條水平線

標(biāo)簽是HTML提供的最基本的換行標(biāo)簽，通過在HTML中添加
標(biāo)簽，可以實(shí)現(xiàn)在同一行中添加一個換行符。例如，下面的代碼：

<p>這是一段<br>分隔的<br>段落。</p>

實(shí)際上渲染的效果是：

這是一段
分隔的
段落。

在css中，我們可以使用屬性text-align:center來讓文字向中心對齊，但是它不能讓文字自動換行。為了在css中實(shí)現(xiàn)自動換行，我們需要使用以下屬性：

樣式    含義
word-wrap:break-word;    當(dāng)單詞過長時，換行，防止單詞溢出
white-space:pre-wrap;    保留空格和換行，在周圍空間不足時自動換行，避免影響整體網(wǎng)頁結(jié)構(gòu)

有時候，我們還需要在HTML頁面中插入水平線，通過

---

標(biāo)簽可以輕松實(shí)現(xiàn)，例如：

<p>這是一段段落。</p>
<hr>

就可以實(shí)現(xiàn)在段落后插入一條水平線，起到分隔作用。

總之，在編寫HTML和CSS時，善用換行代碼和水平線可以使得頁面更加清晰易讀，避免代碼混亂不堪的情況發(fā)生。