css 的行高 line-height 属性

line-height 属性有 3 种单位

• px 像素, 例如 20px
• % 百分比, 例如 150%, 表示是字体大小的 150%
• 普通数值, 例如 1.5, 表示行高是字体大小的 1.5 倍

行间距 = 行高 - 字体大小

.p1 {
      font-size: 20px;
      line-height: 40px;
    }
    .p2 {
      font-size: 20px;
      line-height: 2;
    }
    .p3 {
      font-size: 20px;
      line-height: 200%;
    }

<p class="p1">
  这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本
</p>
<p class="p2">
  这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本
</p>
<p class="p3">
  这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本 这是一段测试文本
</p>