1. 犀牛前端部落首页
  2. 新手错误

CSS text-indent设置段落首行缩进

设置段落缩进,如让段落缩进两个字,我们可以这样设置text-indent:2em。

text-indent语法

如果我们想要使用一个p标签首行缩进20px,我们可以这样设置。

p{
text-indent:20px;
}

CSS text-indent用来设置文字的缩进,我们可以使用px、em、rem等单位。

经常使用的是em,代码缩进几个字。

使用案例

我们可以使用p标签设置文字缩进,比如我们想让p标签缩进3个字,我们可以这样使用:

p{
text-indent:3em;
}

如果我们想让p标签缩进固定的像素,我们可以这样使用:

p{
text-indent:20px;
}

这样p标签首行就会固定缩进20像素。

实现效果如下:

CSS text-indent设置段落首行缩进

 

 

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/2556.html

发表评论

登录后才能评论