使用CSS讓文章靠右對齊非常簡單,我們只需要使用text-align屬性即可。首先,在HTML中使用p標簽來分段,代碼如下:
<div class="article"> <p>這是文章的第一段文字……</p> <p>這是第二段文字……</p> <p>這是第三段文字……</p> <p>這是最后一段文字。</p> </div>然后,在CSS中設置該div元素的text-align屬性為"right",代碼如下:
.article { text-align: right; }這樣,文章中的所有段落都會靠右對齊了。需要注意的是,使用text-align屬性時,它會作用于該元素下的所有文字,包括內部的子元素。若想只讓某一個元素靠右對齊,可以單獨設置它的text-align屬性。比如,我們可以對第一段文字單獨設置text-align屬性為"right":
.article p:first-of-type { text-align: right; }這樣,只有第一段文字會靠右對齊,而其他段落還是居左對齊。