CSS实现文字首行缩进

css中提供了首行缩进的属性,只要将​text-indent​设置一个值,就能实现首行缩进的效果。最常用的值是以em为单位的值,​2em​表示二倍当前字体大小,以​16px​为例,​2em​就是​32px​,也就是两个字符的距离。

1
2
3
<div class="text">
测试文本吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼
</div>
1
2
3
.text{
text-indent: 2em; //首行缩进 2em表示二倍当前字体大小
}

CSS实现文字首行缩进
http://samkallon.top/blog/2023/11/14/CSS实现文字首行缩进/
作者
samkallon
发布于
2023年11月14日
许可协议