求问关于height和line-height的区别？越详细越好？

Question

在布局里面经常会用到这两个的，无法理解这个区别，越详细越好

Answer 1

高さと行の高さの違いについて聞いてもいいですか?詳細であればあるほど良いですか？ -PHP中国語サイトQ&A-高さと行の高さの違いについて聞いてもいいですか？詳細であればあるほど良いですか？ -PHP中国語サイトQ&A

ぜひ見て学んでください。

Answer 2

height——设置元素的高度。
 line-height——设置行间的距离（行高）。
如：你给一个<h1 class="test">这个是大标题</h1>设置相关属性，

.test{
    width:200px;
    height:30px;
    line-height:30px;
}

height属性可用百分比、像素值设置。如：

.test{
    height:50%;
  }

line-heigh属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。