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

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

  • 使用line-height来设置行高

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

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

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

.p{
    line-height: 2;
    line-height:20px;
    line-height:200%;
}
  • line-height对于单文本来说,可以将行高设置为和父元素高度一致,让单行文本可以在父元素中垂直居中
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐