如何在css中控制段落左右整体缩进?

html-css020

如何在css中控制段落左右整体缩进?,第1张

例如,拿你说的话举例:

<p

class="demo">CSS中,我想设置,

全文:首行缩进2字符,段落左右各缩进2字符,应该怎样写?代码应该放在哪里?</p>

把它们放置在P标签中,然后在CSS中加入

.demo{text-indent:2em}这可以实现你要的首行缩进2字符。

剩下的就是你说的段落左右各缩进2字符,那推荐你用的就是margin或者是padding来实现。

.demo{text-indent:2empadding:0

2em}这样就可以实现左右的“缩进”

不讲太多了,按照上面就可以实现了。

两种方法,一种是设置绝对定位,一种是设置浮动。

绝对定位:

<div style="position:relativepadding-left:20px"><span style="position:ablosuteleft:0top:0">1</spn>A country of eastern Asia. Its ancient civilization traditionally dates to c. 2700b.c. . Beijing is the capital and Shanghai the largest city. Population, 1,008,175,288.中国:东亚的国家,其古代传统上认为可追溯到大约公元前 2700年。首都为北京,最大城市为上海。人口1,008,175,288</div>

浮动:

<div><span style="float:left">1</span><p style="overflow:hiddenfloat:left">A country of eastern Asia. Its ancient civilization traditionally dates to c. 2700b.c. . Beijing is the capital and Shanghai the largest city. Population, 1,008,175,288.中国:东亚的国家,其古代传统上认为可追溯到大约公元前 2700年。首都为北京,最大城市为上海。人口1,008,175,288</p></div>

一般用tab键进行缩进,占位4个字符,不要用空格。这个主要看个人习惯,统一即可。

各个编辑器的缩进方式

sublime里面用tab缩进,是默认的4个字符。

phpstorm中写代码可以设定4个字符的缩进,或者2个字符缩进。