css3 字体自动换行第二行缩进一格

我们知道css中text-indent属性可以使每个段落首行开头文字缩进,如缩进2个文字距离样式。

p{
  text-indent: 2em; /*em是相对单位*/
}

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

那如果我们想让第二行缩进一格呢:

p {
  text-indent: -2em;
  margin-left: 2em;
}
设置text-indent: -2em;以后p标签中第一行文字向左偏移,这样第二行开始的文字就等于缩进了,
但是这样设置会导致第一行向左超出div,所以再用margin-left使p标签整体右移即可,
不过也可以用 padding-left:2em ,这样IE8里也能显示。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值