CSS让段落开头自动空两格代码

html-css08

CSS让段落开头自动空两格代码,第1张

每次遇到中文排版页面时,需要每个段落开头缩进两格。之前傻乎乎的,用程序检测<p>标签来进行中文段落开头的空两格缩进,还在骂HTML怎么就不能像WORD一样,自动识别中文编排格式。直到今天和公司美工在做项目时,才从他那里得知,原来自己是坐在井底看天了,CSS的一个属性就可以搞定所有的段落。废话不多说,看代码:

.box{

text-indent:2em

}

只要将你的文章“容器”样式中加上text-indent这个属性就可以了,下面看个例子:

<div

style="text-indent:2em">你的文章内容!</div>好了,问题解决了。

<p style="text-indent:2em">这是一段内容文字,这是一段内容文字,这是一段内容文字,这是一段内容文字,这是一段内容文字,这是一段内容文字</p>

text-indent:2em