CSS下劃線靠右 CSS是前端開發中必不可少的一項技術。使用CSS，我們可以改變文本的顏色、字體大小等等。而這篇文章要介紹的是CSS下劃線靠右。 CSS中可以使用text-decoration屬性來給文本加下劃線。通常情況下，下劃線是居中顯示的。但是有時候，我們希望下劃線靠右對齊。這時候就需要使用text-align屬性和display屬性來實現。 首先，我們需要給需要下劃線的文本設置display:inline-block屬性。這樣做可以讓文本變為塊級元素，這樣就可以使用text-align屬性來讓文本靠右對齊了。接下來，我們要使用text-decoration屬性來實現下劃線。但是，在加了下劃線之后，我們就會發現下劃線并沒有靠右對齊。這時候，我們就需要再次使用text-align屬性，將它設置為right。這樣就可以實現下劃線靠右對齊了。 下面是一個使用CSS下劃線靠右的例子：

<p class="underline-right">這是一段需要下劃線靠右的文本</p>
<style>
.underline-right {
display: inline-block;
text-align: right;
text-decoration: underline;
}
</style>

在上面的例子中，我們給p元素設置了一個class名為underline-right，然后在樣式表中我們就可以使用這個class來設置下劃線靠右的樣式了。我們使用了display:inline-block屬性來讓文本變為塊級元素，然后使用text-align:right屬性來將文本靠右對齊。最后，我們使用text-decoration:underline屬性來設置下劃線樣式。 這樣，我們就可以輕松實現CSS下劃線靠右了。當然，在實際開發中，我們還需要考慮兼容性等問題，這是需要我們自己去嘗試和解決的。