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

html-css024

如何在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}这样就可以实现左右的“缩进”

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

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

各个编辑器的缩进方式

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

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

欢迎大家在这里学习如何让divcss利用缩进这里是我们给大家整理出来的精彩内容。希望大家在这里学习!为了让你的代码给人感觉更为直观,你可以使用一行来定义大纲元素的样式。当指定的选择器里的属性超过三个的时候,这种方式将带来混乱。但是,适度的使用这种方式,你可以很清楚的区分相同类的不同点。

#main-column { display: inlinefloat: leftwidth: 300px}

#main-column h1 { margin-bottom: 20px}

#main-column p { color: #333}

同时,样式修改的维护也是个比较麻烦的问题。很多人修改样式之后就忘记了,结果后来又发现修改的样式导致了页面出错,不得不苦苦寻找。因此,为修改的样式构建一个特殊的格式就很必要了。一种很简单的方式是,给修改过的样式缩进,同时,也可以使用一些注释(比如"@new")来做一个标识。

#sidebar ul li a {

display: block

background-color: #ccc

border-bottom: 1px solid #999/* @new */

margin: 3px 0 3px 0

padding: 3px/* @new */

}

好了,如何让divcss利用缩进内容就给大家介绍到这里了。希望大家继续关注我们的网站!