为了账号安全,请及时绑定邮箱和手机立即绑定

css段落首行缩进两个字符的位置

标签:
Html/CSS

用CSS实现段落首缩进两个字符,实现首行缩进的通用方法是加四个小角空格。

其实呢,用CSS样式来定义更为高效。

比如在style里定义如下缩进样式:

.suojin{text-indent:2em}

在需要缩进的地方使用这个类即可

比如用一个div定义一整块段落首先缩进,凡在div区域里,浏览器一碰上p语句(即一个新段的开始),就会执行该类所定义的缩进。

-------------------------------------------------------------------------------

也可以在正文中使用嵌入式CSS样式来定义,下面举个实例(使用时请将尖括号改为小角尖括号):

<div style="text-indent:2em">
    <p>段落一</p>
    <p>段落二</p>
    <p>段落三<p>
</div>

两种方法各有长处短处,可根据需要决定使用哪一种方法。

注:text-indent只对p或div标签有效对br标签不生效,原因是br标签是换行标签不是分段标签。


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消