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

html-css019

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

css中的text-indent用于设置首行缩进，用法如下。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：body { text-indent: 50px}。

3、浏览器运行index.html页面，此时成功设置了首行缩进是50px大小。

例如，拿你说的话举例:

<p

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

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

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

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

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

.demo{text-indent:2empadding:0

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

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