一句CSS实现文章每段首行空两格效果
来自:种豆
时间:2017-12-29
阅读:992次
原文链接
在Html中文章段落标签是P,在P标签中定义空两格的CSS属性(text-indent属性)即可以实现文章每段的首行都空两格。
实现文章每段首行空两格的CSS代码如下:
p{ text-indent:2em; padding:0px; margin:0px; }
其中:text-indent:2em定义了文本缩进2em,em是相对长度单位,在这里你设置的字体大小有多大(px),1em就是多大。这段代码可以控制整个页面的段落缩进,也可以单独控制某个盒子(div)内的段落缩进。
以下是定义名称为content的DIV中的内容,每段首行空两格
#content .divcontent p{padding:0px;margin:0px;text-indent:2em;}