html中 段前段后间距怎么设置?

发布网友 发布时间：2022-04-26 02:43

我来回答

共6个回答

懂视网 时间：2022-04-06 16:56

html段落间距怎么设置？html设置段落间距方法，很多人在学习制作网页的时候，可能会遇到要设置段间距，下面我们来总结一下html段间距怎么设置？

在html中，文章段一般都是使用P标签进行分段，在使用p标签的时候，上下段落之间就会产生一点的距离，那么我们怎么控制段落之间的距离呢，一般我们都是通过css对段落之间的距离进行设置。

1.行高属性：line-height

line-height属性可以对设置段落之间的距离，一般数值越大，段落之间的间距就越大，当然字和字的距离也是变大，很多时候，我们一般不会使用line-height属性来设置。

代码如下：

p{line-height:30PX}

2.内边距进行补白

html段间距也可以使用padding对段落之间的距离进行设置，对上下进行内补白，从而实现段落之间的距离设置。代码如下：

P{dading:30px 0}

3.对外边距margin的设置

我们都会margin应该不是很陌生，其实只要我们设置margin的上下左右边距和对象之间的距离，就可以实现上下段落之间的距离。语法如下：

p{margin:30px 0}

在文章段落中，分段一般都是p标签，想实现段落之间的距离，我们一般使用maring和dadding这两种方式，可以轻松实现段落之间的距离。

热心网友 时间：2022-04-06 14:04

段落基本上是用<p></p>标签，你可以在css样式表中设置两个<p>标签的段前后间距。举个例子：

<p class="first">这是第一个段落，我希望我段前有30px的间隔,段后有20px的间隔</p>
<p class="second">这是第二个段落，因为第一段段后有20px，所以我希望段前有10px的间隔,段后有30px的间隔</p>
CSS:
.first{
    margin-top:30px;
    margin-bottom:20px;
}

.second{
    margin-top:10px;
    margin-bottom:30px;
}

热心网友 时间：2022-04-06 15:22

可以使用css margin

比如
margin-top可以设置上边距
margin-left设置左边距
margin-bottom设置下边距
margin-right设置右边距
结合起来的写法
margin: 0 0 0 0;
依次赋值为 上右下左
单位可为 像素（px），百分比等
例：margin:10px 0 20% auto;

热心网友 时间：2022-04-06 16:56

1、可以使用line-height来设置行高

2、可以使用margin或者padding来填充间距

热心网友 时间：2022-04-06 18:48

设置padding的值 或者margin的值。行高什么的

热心网友 时间：2022-04-06 20:56

padding-left:10px;padding-right:10px;