CSS text-indent属性的使用方法详解

CSS text-indent属性用于文本块中首行文本的缩进。最常用在文章段落自动缩进上。text-indent 允许使用负值哦。编程之家下面跟大家详细分享：CSS text-indent属性的使用方法详解。

text-indent实例代码

p{text-indent:2em; }
p {text-indent:50px;}

1、text-indent:2em;解释：text的意思是文本、indent在计算机英语中意思是缩进、至于后面的2em意思就是2个相对单位；
em解释：相对于当前对象内文本的字体尺寸。(引自CSS2.0手册)各位同学，要仔细品一下这个概念！理解喽没有，em这个单位的意思就是相对文字大小，1em就是1个文字大小，2em就是两个文字大小，到这里看明白了吧，理解“text-indent:2em;”的意思了吧，就是“文本缩进两个文字大小”.

2、text-indent:50px;缩进段落的第一行50像素：

text-indent属性定义及使用说明

text-indent 属性规定文本块中首行文本的缩进。

注意： 负值是允许的。如果值是负数，将第一行左缩进。

默认值：0  

继承：yes  

版本：CSS1  

JavaScript 语法：object.style.textIndent="50px"  

值------------ 描述

length   定义固定的缩进。默认值：0。  

%        定义基于父元素宽度的百分比的缩进。  

inherit  规定应该从父元素继承 text-indent 属性的值。

编程之家text-indent总结：

1.text-indent只用于div，p这样的元素上，像image、input、inline-block、inline元素绝对不用。

2.text-indent的值如果子元素也要用到父元素的值，用px单位，而绝不用em。