在CSS中,我們可以使用text-indent屬性來(lái)使文字向左偏移。這個(gè)屬性常常和文本對(duì)齊屬性一起使用,可以達(dá)到一些特殊排版的效果。它的語(yǔ)法如下:
selector { text-indent: length|initial|inherit; }
其中,length就是我們想要的文字向左偏移的距離,可以是像素、百分比、em等單位;而initial和inherit則表示設(shè)置為默認(rèn)值或繼承父元素的值。
下面是一個(gè)例子,在這個(gè)例子中,我們讓兩段文字分別向左偏移了30px和50%:
p.example1 { text-indent: 30px; } p.example2 { text-indent: 50%; }
當(dāng)我們應(yīng)用這些樣式到相應(yīng)的段落中,就會(huì)看到不同程度的文字向左偏移。
不要忘記,text-indent只會(huì)影響第一行的文字,如果你想讓所有行都向左偏移,需要使用padding或margin屬性。
總的來(lái)說(shuō),text-indent屬性是一個(gè)非常實(shí)用的屬性,可以幫助我們實(shí)現(xiàn)各種排版需要。