css如何设置段落之间的距离

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

一、line-height行高

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

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

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

 
 
 
 
 
 
 
 
第一段，第一行 第二行
 
第二段
 
第三段
 

 

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

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

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

完整css+div代码：

 
 
 
 
  
 
 
第一段，第一行 第二行
 
第二段
 
第三段
 
 

三、css margin外边距

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

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

  
  
  
  
  
   
  
   
第一段，第一行 第二行
 
第二段
 
第三段