HTML中的段落標(biāo)簽是p,而CSS中有許多屬性可用于樣式化段落。本文將著重介紹一個常見的屬性,即左縮進。
左縮進使用的屬性是text-indent。這個屬性與CSS中的很多屬性不同,它不是針對一個元素內(nèi)的文本而言的,而是指定這個元素內(nèi)第一行文本相對于元素左側(cè)邊界的偏移距離。
如果我們要讓一個段落實現(xiàn)左縮進,需要在該元素的樣式中加入如下代碼:
pre {
white-space: pre-wrap;
font-family: "Courier New", Courier, monospace;
}
p {
text-indent: 2em;
}
其中,text-indent的值可以使用像素(px)、百分比(%)或字體大小單位(em)等。上述代碼中的2em,意思是讓第一行文本向左偏移2個字體大小的距離。
值得注意的是,在使用text-indent屬性時,該元素內(nèi)文本中的第一行會被左縮進。如果我們希望該元素內(nèi)所有文本都左縮進,需要給該元素添加下面這行CSS代碼:
p {
text-indent: 2em;
margin-left: -2em;
}
其中,margin-left的值應(yīng)該與text-indent取相反數(shù)。
總之,CSS的text-indent屬性對于段落左縮進來說是一個很好的工具。通過它,我們可以輕松地實現(xiàn)段落排版的自定義樣式。
下一篇mysql怎么加