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

来源:12-7 长胖长高点--宽度和高度

PENG121

2015-12-14 20:27

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

写回答 关注

2回答

  • donaf
    2015-12-14 20:40:24
    已采纳

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

    慕的地341...

    大神,图文并茂的讲一遍。。。

    2015-12-14 21:32:57

    共 1 条回复 >

  • lynhao
    2015-12-14 20:47:55

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

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

查看课程

相似问题