css 首行缩进

css 专栏收录该内容
1 篇文章 0 订阅

用CSS实现段落首缩进两个字符,应该使用首行缩进text-indent。比如文本块中一般每段前空两个汉字。在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象(父元素)内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。

p{
	width: 200px;
	text-indent:2em;/*em是相对单位,2em即现在一个字大小的两倍*/
}
<p>
	Hi! 朋友,感谢您愿意查看猿叔博客。如果您有什么建议或者意见,欢迎联系我,我们互相学习,共同进步^_^ 。如果您刚好需要一个优秀的程序员,那么果断联系我吧!期待有机会与您共事!!!猿叔坐标济南。[个人网站](http://www.return13.com)
  		
</p>

Tips:

1.允许使用负值。如果使用负值,那么首行会被缩进到左边。
2.允许使用其它单位比如px, %。使用%那么是基于父元素宽度的百分比进行缩进。

  • 1
    点赞
  • 0
    评论
  • 1
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

0131

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值