在CSS排版中,首行縮進(jìn)是非常常見的一種風(fēng)格,可以讓段落更加規(guī)范、整潔。那么,怎么使用CSS控制p標(biāo)簽的首行縮進(jìn)呢?
p { text-indent: 2em; }
以上代碼就是實(shí)現(xiàn)p標(biāo)簽首行縮進(jìn)的方式。其中,text-indent屬性可以控制整個(gè)段落文字相對(duì)于左側(cè)邊框的縮進(jìn)距離。em是一個(gè)相對(duì)長(zhǎng)度單位,2em就表示文字距離左側(cè)邊框的距離等同于兩個(gè)字母“m”的寬度。
另外,需要注意的是,如果也想要單獨(dú)設(shè)置第一行以外的行的縮進(jìn)距離,可以使用text-indent和padding-left屬性結(jié)合起來(lái)使用,例如:
p { text-indent: 2em; padding-left: 1em; }
以上代碼就是讓段落的第一行縮進(jìn)2個(gè)字母“m”的距離,而其他行則在此基礎(chǔ)上左移1個(gè)字母“m”的距離。
綜上所述,p-css的首行縮進(jìn)就是使用text-indent屬性來(lái)實(shí)現(xiàn),我們可以根據(jù)需要進(jìn)行靈活的設(shè)置。