text indent是什么意思
text-indent是用来设定文本块中第一行的缩进。
中文名：text-indent
兼容性：：IE4+ NS4+
继承性：：有
<percenge>：：用百分比指定文本的缩进
分享
参数
length : 百分比数字|由浮点数字和单位标识符组成的长度值，允许为负值。请参阅长度单位
text-indent版本：CSS1
说明
检索或设置对象中的文本的缩进。
在被另一个对象（如）断开的对象内不能应用本属性。
对应的脚本特性为textIndent。请参阅我编写的其他书目。
示例
div { text-indent : 5px; }//向左缩进5px;
div { text-indent : underline 10%; }
例题：如果要首行缩进两个字符 则div { text-indent : 2em; } 即可了
当然，也可以是负值了
浏览器支持
所有浏览器都支持 text-indent 属性。 注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
实例
本例演示如何缩进文本首行。
<html>
<head>
<styletype="text/css">
p{text-indent:1cm}
</style>
</head>
<body>
<p>
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
</p>
</body>
</html>
css中text-indent 详细解释下 什么意思 怎么用
css中的text-indent用于设置首行缩进，用法如下。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：body { text-indent: 50px;}。
3、浏览器运行index.html页面，此时成功设置了首行缩进是50px大小。
text indent是什么意思
text-indent 属性规定文本块中首行文本的缩进。
注释：允许使用负值。如果使用负值，那么首行会被缩进到左边。
例如：
p {text-indent: 1cm}
text-indent最常用的单位是什么
最常用单位是em，em指的是文字的倍数。
假设当前的段落字体大小是16像素，如果希望一个个段落的文字能够“首行缩进”两个“字符”，可以使用text-indent：32px，也可以使用text-indent：2em。设置之后，假设段落字体大小调整为14像素，如果之前设置缩进时使用的值是“32px”，此时就需要修改为“28px”，如果之前设置缩进时使用的值为“2em”,此时不需要任何变化。
为什么text-indent最常用的单位是em？？
主要是为了方便维护。
假设当前的段落字体大小是16像素，如果希望一个个段落的文字能够“首行缩进”两个“字符”，可以使用text-indent：32px，也可以使用text-indent：2em。设置之后，假设段落字体大小调整为14像素，如果之前设置缩进时使用的值是“32px”，此时就需要修改为“28px”，如果之前设置缩进时使用的值为“2em”,此时不需要任何变化。
资料来源：《HTML5布局之路》
css 中 text-indent 与padding 有什么区别？
text-indent不影响元素的最终宽度但是有兼容性问题，padding在主流浏览器IE低版本下影响最终宽度，但在chrome和firefox下不影响宽度，但是可以通过CSS ret解决多浏览器显示不一的问题，使得他们最终都影响宽度。
text-indent和padding的基本区别：
1、padding基于盒模型，适用于inline和block层级的元素
2、text-indent基于行内排版，仅仅适用于block层级的元素，作用于block层级的元素的内部第一行文字
padding会作用于inline框或block框的左侧padding区域，会影响到content-box，而文字子节点会出现在content-box内部，因此所有文字都会左移。
<input type="text">作为一个inline-block层级的标签，它是固定单行显示的（而且还和white-space机制不一样），上面所述区别并不存在。
那么区别在哪里呢：
1、text-indent基于行内排版，导致应用了direction: rtl之后，text-indent提供的indent出现在右侧；padding-left则不受direction影响。
当然，direction这个属性不常用于<input type="text">
2、padding-left基于盒模型，所以box-sizing属性会和padding-left、width属性一同影响到元素的最终宽度；而text-indent则始终不会影响元素的宽度。
这很重要，因为webkit和firefox的默认样式表里，会设置input元素的box-sizing: border-box，若你同时设置了width和padding-left，会出现webkit/firefox和IE低版本的很大的宽度区别。
因此，用到padding-left时，需要重置webkit和firefox的相应样式：
