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

html-css030

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

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

.box{

text-indent:2em

}

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

<div

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

先定义一个DIV:

#sample{

......

}

然后定义:

#sample p{

text-align:left

text-indent:2em

padding-bottom:5px

}

这样,在DIV内用<P></P>标签就可以开头内缩两个字了。

至于段落分开其实有几种办法:1,在表结构上动脑筋,如果每个段落在保存进去的时候都保存为一条记录,比如一个表三个字段:ID,内容,顺序号;ID是一篇文章的内部编号,内容是一个段落的文本,顺序是段落的显示顺序;2,如果非要一篇文章保存在一条记录中,那么段落间可以用自己定义的特殊字符串分隔比如”@#¥%“,因为你再网页显示的时候每段落还是要用<P>标签分隔的,所以到时候替换下字符串就可以了;3,如果不用特殊字符串来分隔,那么建议用二进制流来保存文章的文本吧,这样的好处是文章的任何字符都可以忠实的保存起来。

想插入空格的代码中插入&nbsp;即可。一个&nbsp代表一个空格

如果是想通过空格缩进,可以通过divcss{text-indent:50px},这里divcss对象内段落首行开头文字缩进了50像素。

在属性中需要空格,可以直接按Space键即可