溫馨提示×

CSS3屬性之text-indent文本縮進(jìn)使用詳解

css
小億
144
2023-12-20 20:02:32
欄目: 編程語言

text-indent屬性用于設(shè)置文本的縮進(jìn)，即在每行文本的第一個(gè)字符前添加空白的距離。

語法：

text-indent: length | percentage | inherit;

屬性值：

  • length：指定以長度單位（如px、em）設(shè)置的縮進(jìn)值。正值表示向右縮進(jìn)，負(fù)值表示向左縮進(jìn)。
  • percentage：指定以父元素寬度的百分比設(shè)置的縮進(jìn)值。正值表示向右縮進(jìn)，負(fù)值表示向左縮進(jìn)。
  • inherit：繼承父元素的text-indent屬性值。

示例：

p {
  text-indent: 2em;
}

上述示例將段落的第一行文本縮進(jìn)兩個(gè)字母的寬度。

注意事項(xiàng)：

  • text-indent只作用于第一行文本，不會(huì)影響其他行的文本。
  • 如果文本換行，換行的行也會(huì)應(yīng)用text-indent屬性。
  • text-indent屬性對于內(nèi)聯(lián)元素?zé)o效，只對塊級(jí)元素生效。
  • 如果文本中包含了換行符（\n）或者
    標(biāo)簽，每一行的第一個(gè)字符都會(huì)應(yīng)用text-indent屬性。

綜上所述，text-indent屬性可以用于設(shè)置文本的縮進(jìn)，使文本在顯示時(shí)具有更好的可讀性和排版效果。

0 踩