继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

慕村_皮皮
关注TA
已关注
手记 5
粉丝 0
获赞 3

用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标签是换行标签不是分段标签。


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP