首行缩进2字符怎么设置 css

首行缩进2字符怎么设置 css

在CSS中，text-indent属性可以定义文本段落中的首行字体缩进的效果。
使用该属性只对元素中的段落产生影响。
对于使用
标签产生的换行效果，并不起作用。


1、在CSS样式表中设置文本首行缩进的样式规则。代码如下：
div{
 text-indent:2em;
 font-size:24px;
 width:400px;
}

div标签选择器使用text-indent属性将段落首行缩进2em，这是两个汉字字符的宽度。使用font-size属性将字体大小设置为24px，使用width属性将div元素的宽度设置为400px，都是为了使效果能够更好地显示。


2、 在HTML网页中添加要使用标签选择器的div元素内容。代码如下：


这段内容是一个文本首行字体缩进的实例，注意文本中段落首行部分的显示效果。

这段内容是一个文本首行字体缩进的实例，注意文本中段落首行部分的显示效果。



div标签选择器直接应用到了相关的HTML div元素中，不再需要另外进行设置了。
3、在浏览器中浏览文本首行缩进的显示效果。如下图所示：

text-indent:2em

关于首行缩进举例如下（根据你页面中字体的大小，如页面中字体是12px，缩进2个字符就是24px）：
方法1： h2{text-indent:24px;}
方法2：h2｛padding-left:24px;｝
建议使用规范的首行缩进属性text-indent，谢谢！

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息