为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

正在回答

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 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

1 回复 有任何疑惑可以回复我~
#1

慕的地3418140

大神,图文并茂的讲一遍。。。
2015-12-14 回复 有任何疑惑可以回复我~

这个问题有人问过,你可以检索一下哦~

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信