我们会很到很多新闻门户网站每一段的文字都会自动缩进了,这样感觉很漂亮,下面我来给大家介绍在css中利用text-indent:就可以做到了
text-indent 属性规定文本块中首行文本的缩进。
注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。
注意:在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。
将段落的第一行缩进 50 像素:
代码如下
复制代码
p
{
text-indent:50px;
}
text-indent:2em定义了文本缩进2em,em是相对长度单位,在这里你设置的字体大小有多大(px),1em就是多大。这段代码可以控制整个页面的段落缩进,也可以单独控制某个盒子(div)内的段落缩进。
以下是定义名称为content的DIV中的内容,每段首行空两格
代码如下
复制代码
#content .divcontent p{padding:0px;margin:0px;text-indent:2em;}
注意:所有浏览器都支持 text-indent 属性。