开发者社区> 问答> 正文

页面重构的问题:如何解释 line-height

页面重构的问题:如何解释 line-height

展开
收起
a123456678 2016-05-26 16:26:16 2082 0
1 条回答
写回答
取消 提交回答
  • 我觉得line-height就是一个类似行间距的属性,不影响文字的大小,但是会影响到文字的排列。对于外界来说,含有文字的元素(比如p,div之类的)的高度就是(文字的行数 - 1) * line-height的值(应该是这样,我是实验发现的)。

    关于单位,楼上已经讲得很清楚了,默认是em(比如,font-size=24px时,1em=24px,1.5em=36px,2em=48px,以此类推),当然也可以设置成px、cm一类的绝对单位。

    Edit
    改正一下,line-height不是行间距,而是行高,即一行文字所占的高度,文字元素的高度应该为文字的行数 * line-height。

    其实(我认为)元素的高度和font-size是无关的,它和line-height有关。由于line-height默认值是1em,所以文字大小越大,元素高度越大。但是设置了line-height之后,元素的高度就和文字大小无关了,只和设置的line-height和文字的行数有关。

    2019-07-17 19:16:29
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载