EEDU Blog: 博客 ·  资讯 ·  论坛 ·  留言
登录 新用户? 注册   |  

ahaoxie's blog

订阅博客:

环境生态网站长

阅读全文

CSS实现段落开头自动空两格

根据中国人的书写习惯,一般开头都是要缩进两格的,既美观又大方。

要使段落前面精确空出两个字的距离,就应该使用首行缩进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;之后两段之间就不会有空行了。

发表于: 2011-04-27 10:47 | 全文(查看: 869) | 评论(0) | 本文地址 | 收藏 
分类: 小窍门(95)   标签: css  新知  

"CSS实现段落开头自动空两格" 的评论: (共 0 条)

你对本文的评论:

登录后再作评论
Page was generated in 19 milliseconds