div+CSS实现段落首行缩进两个字符(text-indent标签)

本文介绍了一种利用CSS的text-indent属性实现中文段落首行缩进两个字符的方法,替代了传统使用空格的方式,并解释了em单位的含义。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

div+CSS实现段落首行缩进两个字符

段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符。

应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。

在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。

<style type="text/css">
    <!--
     
    p {
        text-indent: 2em;  /*em是相对单位,2em即现在一个字大小的两倍*/
    }
    -->
</style>


<p>段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。</p>

 


觉得可以,记得右上角点赞哦!如有不正确的地方,欢迎各位大神指教!

【The End】

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值