css怎么设置段落之间的距离

css设置段落之间距离的方法：1、使用“line-height”属性设置行高拉开段落之间的距离，只需要在css中添加“line-height:20px”样式代码，设置行高为20px拉开段落间距离；2、使用“padding”内边距属性实现段落之间的距离，只需要在css中添加“padding:10px 0”样式代码，设置内边距为上下10px拉开段落间距离；3、使用“margin”外边距属性实现段落之间的距离，只需要在css中添加“margin:10px 0”样式代码，设置外边距为上下10px拉开段落间距离即可。

通过CSS设置上下段落之间距离常见有三种方法，分别如下：

一、line-height行高

我们对line-height的值设置越大，段落间距将会增大，同时字与字行距也会增加，不推荐用此line-height样式设置段落间距距离。为了观察效果，我们分别设置CSS line-height为20px与50px对比观察效果。

关键CSS代码：p{line-height:22px}

1、line-height为20px案例，DIV+CSS代码：

段落案例

p{ line-height:20px}

/* css 注释： 设置行高为20px */

第一段，第一行 第二行

 

第二段

 

第三段

二、css padding内补白（内边距）

推荐使用padding设置段落上下间距。通过设置上下内补白，内距离即可实现p段落上下间距设置。

1、设置上下内补白为10px(padding:10px 0)

完整css+div代码：

段落案例  p{ padding:10px 0}

/* css注释： 设置padding为上下10px */

第一段，第一行 第二行

 

第二段

 

第三段

三、css margin外边距

CSS段落间距调整之margin实现上下段落之间间距距离样式设置，我们知道margin是设置上下左右对象与对象之间距离设置，这里段落也可以使用此css样式实现间距。

1、css设置margin上下间距为10px,html+css代码：

段落案例

p{margin:10px 0}

/* css注释： 设置margin为对象上下间距10px */

第一段，第一行 第二行

 

第二段

 

第三段

《css怎么设置段落之间的距离》来自互联网同行内容，若有侵权，请联系我们删除！

活动：慈云数据爆款香港服务器，CTG+CN2高速带宽、快速稳定、平均延迟10+ms 速度快，免备案，每月仅需19元！！ 点击查看