CSS行高line-height_html/css_WEB-ITnose

遇到的问题： 在css中，不理解line-height：1与line-height：1px的区别

发现的过程： 最近在学做一个网站的过程中，设置两行文字之间的行高时需要用到line-height，发现了这个问题，如下图：

解释

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

可能的值

值

说明

normal

默认,设置合理的行间距。

number

设置数字，此数字会与当前的字体尺寸 相乘 来设置行间距。相当于倍数

length

设置固定的行间距。

%

基于当前字体尺寸的百分比行间距。

inherit

规定应该从父元素继承 line-height 属性的值。

1.line-height：1

例如：

123
123

查看更多关于CSS行高line-height_html/css_WEB-ITnose的详细内容...