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

html-css07

如何在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样式文件,请确认路径是否正确。

1、打开Notepad++,新建一个文件

2、输入图中内容:

3、保存为:css.html,当然你也可以使用其它的名字,但扩展名需要使用.htm或.html

4、选择文件的保存位置,点击保存按钮

5、然后添加一个标签,输入一段用来测试的文字。

6、使用浏览器打开查看显示样式,现在还没有缩进。

7、接下来添加样式,这里我们使用内联样式,给P标签添加样式: style="text-indent:2em"

8、再刷新刚刚打开的网页看效果,是不是缩进了两个字符啊!

这里我们是使用em这个单位来缩进了两个字符,你也可以使用px作为单位来缩进指定的像素。