HR是指分割線，我們在網(wǎng)頁設(shè)計(jì)中經(jīng)常會使用到它，來區(qū)分頁面不同內(nèi)容的部分。而對于HR的對齊問題，在CSS中我們可以通過控制margin和padding來進(jìn)行調(diào)整。

hr {
margin: 0;
padding: 0;
}
hr.align-left {
margin: 0 0 20px 0;
}
hr.align-right {
margin: 0 0 20px auto;
}
hr.align-center {
margin: 0 auto 20px auto;
width: 50%;
}

上述代碼中，我們通過設(shè)置hr的margin和padding為0，然后分別定義了幾個class來控制HR的對齊位置。其中，align-left表示左對齊，align-right表示右對齊，而align-center表示居中對齊。

使用這些class時，我們只需要在HR標(biāo)簽中加入對應(yīng)的class即可：

<hr class="align-left">

需要注意的是，當(dāng)HR的對齊方式為左對齊和右對齊時，我們還需要將HR的寬度設(shè)置為100%。

hr.align-left,
hr.align-right {
width: 100%;
}

這樣就可以完美調(diào)整HR的對齊位置了。