CSS橫線如何靠右對齊？

在CSS中，可以使用“text-align”屬性將文本對齊到右側(cè)，而“border-right”屬性可以在元素右側(cè)添加一條橫線，這兩個屬性并不能直接使橫線靠右對齊，為了實現(xiàn)這一目標，我們需要使用一種更為靈活的方法。

我們需要創(chuàng)建一個包含橫線的元素，并將其設(shè)置為塊級元素（block-level element），我們可以使用“position”屬性將該元素定位到右側(cè)，具體實現(xiàn)如下：

1、創(chuàng)建一個包含橫線的元素，例如一個“div”元素：

<div class="right-align-line"></div>

2、將該元素設(shè)置為塊級元素，并設(shè)置其寬度為100%：

.right-align-line {
  display: block;
  width: 100%;
}

3、使用“position”屬性將該元素定位到右側(cè)：

.right-align-line {
  position: relative;
  left: auto;
  right: 0;
}

通過這種方式，我們可以將橫線靠右對齊，并且使其占據(jù)整個容器的寬度，需要注意的是，如果容器本身具有邊框或內(nèi)邊距，這些樣式可能會影響橫線的***終位置，在實際應用中，我們需要根據(jù)具體情況進行調(diào)整。