CSS自定義文本縮進像素
在CSS中,可以使用text-indent
屬性來定義文本的縮進像素,這個屬性可以指定文本塊中首行文本的縮進量,單位是像素(px)或者其它CSS支持的長度單位。
如果你想讓文本塊的首行縮進2個em單位,可以寫成:
p { text-indent: 2em; }
如果你想讓文本塊的首行縮進30個像素,可以寫成:
p { text-indent: 30px; }
注意,text-indent
屬性僅適用于塊級元素(如<div>
、<p>
等),并且只對首行文本有效,如果你想要多行文本都有相同的縮進量,可以使用padding-left
或者margin-left
屬性來實現(xiàn)。
給所有<p>
元素的首行添加30個像素的縮進:
p { text-indent: 30px; }
或者,給所有<p>
元素的左側(cè)添加30個像素的空白區(qū)域:
p { padding-left: 30px; }
或者,給所有<p>
元素的左側(cè)添加30個像素的空白區(qū)域,并且保持文本與左側(cè)邊界的距離:
p { margin-left: 30px; }