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

html-css054

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

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

百度知道

请问左右缩进怎么设置?

ABC生活攻略

百度认证:福州市向海教育咨询有限公司官方帐号

关注

成为第1074位粉丝

WPSWord中左右缩进的设置操作方法如下:

1、打开word,选中要缩进的段落,在开始菜单下点击段落的下角标。 

2、在弹出框里在缩进下方的文本之前(左侧)和文本之后(右侧)分别填上你想要缩进的距离。

3、点击确定,该段落左右均缩进了所设置的字符距离。 

MicrosoftOfficeWord是微软公司的一个收费文字处理应用程序,是最流行的文字处理程序之一。它最初是由RichardBrodie为了运行DOS的IBM计算机而在1983年编写,后来成为了MicrosoftOffice的一部分。

Word提供了许多易于使用的文档创建工具,同时也提供了丰富的功能集,供创建复杂的文档使用。MicrosoftOfficeWord通过将一组功能完备的撰写工具与易于使用的MicrosoftOffice用户界面相结合,来帮助用户创建和共享具有专业外观的内容。减少设置格式的时间,将主要精力集中于撰写文档。借助SmartArt图和新的制图工具更有效地传达信息。

text-indent: 2em

具体方法:

新建一个html代码文件,然后在这个html代码页面上创建一个<div>,同时给这个<div>设置一个class类;然后在这个<div>中创建几个<p>,并个<p>添加上内容。

代码:

<div class="cont">

<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>

<p>的顶顶顶顶顶的顶顶顶顶顶</p>

<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>

</div>

设置样式。在<title>标签后面新建一个<style>,在这个<style>设置cont类的宽为400px,然后设置p标签的首行缩进为两个字符。如图:

代码:

<style>

.cont{

width:400px

}

.cont p{

text-indent: 2em

}

</style>

使用浏览器打开,即可看到首行缩进的效果。如图:

所有代码。直接复制所有代码,粘贴到新建html文件上,保存后使用浏览器打开即可看到所有效果。

代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>首行缩进</title>

<style>

.cont{

width:400px

}

.cont p{

text-indent: 2em

}

</style>

</head>

<body>

<div class="cont">

<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>

<p>的顶顶顶顶顶的顶顶顶顶顶</p>

<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>

</div>

</body>

</html>

扩展资料:

CSS text-indent属性规定文本块中首行文本的缩进。

注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。

注意:在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。

用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。

所有浏览器都支持 text-indent 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

参考资料来源:百度百科:CSS text-indent