CSS中设置行间距的方法

• 在CSS中并没有为我们提供直接设置行间距的方式

• 我们只能通过设置行高来间接设置行间距，行高越大行间距越大

• 使用line-height来设置行高

• 行间距 = 行高 - 字体大小

• 通过 light-height可以间接的设置行高

//line-height 可以简介设置的行高
//可以接收的值：
//            1. 直接接收一个大小
//            2. 可以指定一个百分数，则会相对于字体去计算行高
//            3. 可以直接传一个数值，则行高会设置字体大小相应的倍数

.p{
    line-height: 2;
    line-height:20px;
    line-height:200%;
}

• line-height对于单文本来说，可以将行高设置为和父元素高度一致，让单行文本可以在父元素中垂直居中