在CSS中,可以使用text-align
屬性來控制字體的對齊方式,對于首行對齊,可以使用text-align: right;
將其余行設(shè)置為右對齊,而首行則會自動對齊到左側(cè)。
以下是一個示例:
p { text-align: right; } h1 { text-align: left; }
在這個示例中,所有段落(p
元素)都將文本對齊到右側(cè),而標(biāo)題(h1
元素)則將對齊到左側(cè),這種方法可以確保首行始終對齊,而其余行則可以根據(jù)需要進(jìn)行右對齊。
另一種方法是使用text-indent
屬性來控制首行的縮進(jìn),將首行縮進(jìn)與其余行的縮進(jìn)區(qū)分開來,可以創(chuàng)造出一種視覺上首行對齊的效果。
p { text-indent: 0; } h1 { text-indent: -1em; }
在這個示例中,所有段落(p
元素)都將首行縮進(jìn)為0,而標(biāo)題(h1
元素)則將首行縮進(jìn)為-1em,這種方法可以確保首行在視覺上更加突出,并且與其余行保持一定的距離。