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

html-css010

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

分类: 电脑/网络 >>程序设计 >>其他编程语言

问题描述:

注意不是首行缩进。

我用了padding-left:60px,在我的机器上面用f12预览是可以的,但是挂到网上就没有用了,不知道为什么。

我用的dreamweaver8

解析:

以下这样的格式都是正确的:

<div class="page_speeder_1931842390">我缩进了60px</div>

或:

<style>

div{padding-left:60px}

</style>

<div>我缩进了60px</div>

或:

<style>

.stylediv{padding-left:60px}

</style>

<div class="stylediv">我缩进了60px</div>

如果你是加载的CSS样式文件,请确认路径是否正确。

text-align: 段落水平对齐设置值:center、right、left、justify(继承)

vertical-algin: 段落垂直对齐设置值:sub(垂直对齐文本的下标。) super(垂直对齐文本的上标) top(上) middle(中) bottom(下) 10px -10px 相对于元素行高属性的百分比

letter-spacing: 字母的间距

word_spacing: 单词的间距

line-height: 文本行高

text-indent: 缩进方式

white-space: 排版方式设置值:normal (默认,空白会被忽略) pre(原样显示) nowrap(文本不会换行)

例如,拿你说的话举例:

<p

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

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

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

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

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

.demo{text-indent:2empadding:0

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

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