line-height的取值说明关于line-height取值说明

75 阅读 0 评论 50 点赞

我是靠谱客的博主仁爱乌冬面，最近开发中收集的这篇文章主要介绍line-height的取值说明关于line-height取值说明，觉得挺不错的，现在分享给大家，希望可以做个参考。

 dt {
      line-height: 1;
      font-size: 18px;
    }

在这里插入图片描述

关于line-height取值说明

在这里插入图片描述

<norma>
取决于用户端。桌面浏览器（包括Firefox）使用默认值，约为1.2，这取决于元素的 font-family。

<数字>
该属性的应用值是这个无单位数字<数字>乘以该元素的字体大小。计算值与指定值相同。大多数情况下，这是设置line-height的推荐方法，不会在继承时产生不确定的结果。

<长度>
指定<长度>用于计算 line box 的高度。参考<长度>了解可使用的单位。以 em 为单位的值可能会产生不确定的结果（见下面的例子）。

<百分比>
与元素自身的字体大小有关。计算值是给定的百分比值乘以元素计算出的字体大小。百分比值可能会带来不确定的结果（见下面第二个例子）。

日常的常规用法：是在div元素中，让div元素垂直方向上居中对齐

// 这样div元素中的字就回在垂直方向上居中对齐
div {
   height： 20px;
   line-height：20px;
}

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。