展会信息港展会大全

css控制每段首行自动缩进方法
来源:互联网   发布日期:2016-03-25 15:53:23   浏览:1775次  

导读:我们会很到很多新闻门户网站每一段的文字都会自动缩进了,这样感觉很漂亮,下面我来给大家介绍在css中利用text-indent:就可以做到了text-indent 属性规定文本块中首行文本的缩...

我们会很到很多新闻门户网站每一段的文字都会自动缩进了,这样感觉很漂亮,下面我来给大家介绍在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 属性。

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港