CSS实现段落开头自动空两格
根据中国人的书写习惯,一般开头都是要缩进两格的,既美观又大方。
要使段落前面精确空出两个字的距离,就应该使用首行缩进text-indent属性;text-indent可以使得容器内首行缩进一定单位,比如中文段落 一般每段前空两个汉字。在这里我们需要了解一种长度单位em,em是相对长度单位,你设置的字体大小有多大(px),1em就是多大,所以一直能保持空两 格的状态。
找到内容页中的css文件;
找到p标签
要使段落前面精确空出两个字的距离,就应该使用首行缩进text-indent属性;text-indent可以使得容器内首行缩进一定单位,比如中文段落 一般每段前空两个汉字。在这里我们需要了解一种长度单位em,em是相对长度单位,你设置的字体大小有多大(px),1em就是多大,所以一直能保持空两 格的状态。
找到内容页中的css文件;
找到p标签
p.posttop {margin:10px 0 0 0;padding:3px 0 2px 0;}
在“{}”里加入
text-indent: 2em;line-height:130%;
即可
其中的“2em”是缩进属性值;“130%”是行距离属性值。
拓展:请看CSS代码
p{text-indent:2em; padding:0px; margin:0px;}
这段代码可以控制整个页面的段落缩进,也可以单独控制某个盒子(div)内的段落缩进。
例如写成:
#blogtext p{text-indent:2em; padding:0px; margin:0px;}
那么只对
<div id=blogtext>文章内容</div>
中的段落首行缩进。
上面代码中padding:0px; margin:0px;是可有可无的,作用是定义段落内边框和外边框厚度为0。正常情况下两段落之间会有一个空白的行。代码加入padding:0px; margin:0px;之后两段之间就不会有空行了。
下一篇: cck常用字段类型