text-indent属性的使用语法

text-indent属性的使用语法

我们在下网页的时候，比如小说，或者是文章，简介等类型的内容是，都会分段落，而段落的首行都是具有缩进的效果，那这里就给大家说一下html文本首行缩进的实现方法

我们在下网页的时候，比如小说，或者是文章，简介等类型的内容是，都会分段落，而段落的首行都是具有缩进的效果，那这里就给大家说一下html文本首行缩进的实现方法

首先我现在html中我先给一个div盒子模型，让它容纳少量文字就自动换行，来显示效果，添加的代码如下：

绕后我给一个p段落，里边装的是段落文本：

才导致了所有的天气现象。你看到的云、风、飓风、龙卷风、下雨、下雪、下冰雹、彩虹、日晕，哎不想写全了，反正就是这些所有的东西，都是因为这三个原因产生的。

这个时候在浏览器显示的效果是这样子的，撑满了盒子会自动换行，但是，显然在这里首行没有缩进，这个时候就可以使用text-indent来完成文本缩进

text-indent代码实现方法如下：

p{

text-indent:20px;}

这里缩进的是20像素来看一下效果

现在在浏览器查看一下效果，这时文本首行就已经被缩进了

上边缩进使用的是像素，那这就很难保证我们所缩进的文本是两个字，那我们现在就把单位px改成em，也就是缩进几个字的意思，

代码如下所示：

p{

text-indent:2em;}

这里的2是缩进两个字符的意思，现在我们就来看看浏览器显示的效果，现在它就会很准确的给我们缩进两个字符了

教程就到这里，祝学习愉快，多加练习