CSS中,line-height:1.5 相当于多少PX?谢谢

发布网友 发布时间：2022-04-22 03:30

我来回答

共7个回答

热心网友 时间：2022-05-13 12:48

这只是一个相对值，也就是说，它相当于设置样式为1.5倍的行高。

如你的补充提问：我们初始设font-size:12px;　那么line-height:1.5;  就相当于12*1.5＝18px;

父元素font-size*1.5，如果未定义一直向上追溯到body，如果body未定义字体大小，则按浏览器默认的来算。如果你的行高不确定的话，那么这个就无法换算。

line-height 属性设置行间的距离（行高）。

注释：不允许使用负值。

em是相对长度单位。相对于当前对象内文本的字体尺寸。

如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

示例：

div { font-size : 1.2em; }

em与px的换算

1em=16px, 12px=0.75em

如果将em换算后html{font-size:62.5%}，1em=10px。

热心网友 时间：2022-05-13 14:06

父元素font-size*1.5，如果未定义一直向上追溯到body，如果body未定义字体大小，则按浏览器默认的来算。

楼上几位不要误导楼主，这种写法实际上作用很明显，作为一个相对的值来算，对css模块化有很大的帮助。

热心网友 时间：2022-05-13 15:40

这只是一个相对值，也就是说，它相当于设置样式为1.5倍的行高。
如你的补充提问：我们初始设font-size:12px;　那么line-height:1.5; 就相当于12*1.5＝18px;

热心网友 时间：2022-05-13 17:32

你说的应该是line-height:1.5em吧
em是相对长度单位。相对于当前对象内文本的字体尺寸。
　　如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
　　示例：
　　div { font-size : 1.2em; }
em与px的换算
　　1em=16px, 12px=0.75em
　　如果将em换算后html{font-size:62.5%}，1em=10px。

热心网友 时间：2022-05-13 19:40

无法换算，因为行高不一定。

热心网友 时间：2022-05-13 22:04

line-height 这个属性，一般用百分比显示比较好，不如： line-height:150%; 表示行间距为 1.5倍字高，比较常用

热心网友 时间：2022-05-14 00:46

相当于你个相当于