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

html-css020

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

尽量不要多用ID，用class即可

不知道你全局定义的空两格是怎么做的，有用padding-left也有用text-indent的，但解决方法都同理。找到现在你想特别设置的地方，然后再写句padding-left:0或者text-indent:0

如果没用反应，追加!important

仍有疑问追问吧