html的css缩进2格怎么做,我是菜鸟

html-css026

html的css缩进2格怎么做,我是菜鸟,第1张

父级DIV 设置padding-left属性

<div style="padding-left:20px">

<ol>//注意:ol,li是有默认的padding和margin的

<li>中国移动</li>

<li>中国联通</li>

</ol>

</div>

1、打开HBuilder编辑工具,进入到编辑页面中,新建静态页面;

2、利用类选择器设置div标签display属性,设置为box,

3、然后将文章“容器”样式中加上text-indent这个属性就可以了,例如:

<div style="text-indent:2em">你的文章内容!</div>。

4、然后就可以定义每段开头空2格了。

p {

text-indent: -2em

margin-left: 2em

}

设置text-indent: -2em以后p标签中第一行文字向左偏移,这样第二行开始的文字就等于缩进了,但是这样设置会导致第一行向左超出div,所以再用margin-left使p标签整体右移即可