首页 >
css段落左缩进 |css a标签选中
HTML中的段落标签是p，而CSS中有许多属性可用于样式化段落。本文将着重介绍一个常见的属性，即左缩进。
左缩进使用的属性是text-indent。这个属性与CSS中的很多属性不同，它不是针对一个元素内的文本而言的，而是指定这个元素内第一行文本相对于元素左侧边界的偏移距离。
如果大家要让一个段落实现左缩进，需要在该元素的样式中加入如下代码：
pre {
white-space: pre-wrap;
font-family: “Courier New”, Courier, monospace;
}
p {
text-indent: 2em;
}
其中，text-indent的值可以使用像素(px)、百分比(%)或字体大小单位(em)等。上述代码中的2em，意思是让第一行文本向左偏移2个字体大小的距离。
值得注意的是，在使用text-indent属性时，该元素内文本中的第一行会被左缩进。如果大家希望该元素内所有文本都左缩进，需要给该元素添加下面这行CSS代码：
p {
text-indent: 2em;
margin-left: -2em;
}
其中，margin-left的值应该与text-indent取相反数。
总之，CSS的text-indent属性对于段落左缩进来说是一个很好的工具。通过它，大家可以轻松地实现段落排版的自定义样式。