在CSS中,可以使用text-align
屬性來(lái)設(shè)置文本的排列方式,如果想要讓字體靠左對(duì)齊,可以將該屬性的值設(shè)置為left
。
p { text-align: left; }
上述代碼表示將<p>
元素中的文本設(shè)置為靠左對(duì)齊,如果想要將其他元素中的文本也設(shè)置為靠左對(duì)齊,可以將p
替換為相應(yīng)的元素名稱(chēng)。
如果想要讓文本在左側(cè)有一定的縮進(jìn),可以使用margin-left
屬性來(lái)設(shè)置文本的左側(cè)外邊距。
p { text-align: left; margin-left: 20px; }
上述代碼表示將<p>
元素中的文本設(shè)置為靠左對(duì)齊,并在左側(cè)縮進(jìn)20像素,同樣地,如果想要將其他元素中的文本也設(shè)置為靠左對(duì)齊并縮進(jìn),可以將p
替換為相應(yīng)的元素名稱(chēng)。
如果同時(shí)使用text-align
和margin-left
屬性,則margin-left
屬性會(huì)覆蓋text-align
屬性,因此文本會(huì)先縮進(jìn)再靠左對(duì)齊,如果需要先靠左對(duì)齊再縮進(jìn),可以將margin-left
屬性的值設(shè)置為負(fù)值。
p { text-align: left; margin-left: -20px; }
上述代碼表示將<p>
元素中的文本設(shè)置為靠左對(duì)齊,并在左側(cè)縮進(jìn)20像素,但是縮進(jìn)會(huì)在靠左對(duì)齊之后進(jìn)行,同樣地,如果想要將其他元素中的文本也設(shè)置為靠左對(duì)齊并縮進(jìn),可以將p
替換為相應(yīng)的元素名稱(chēng)。