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

2024-12-03 01:38:14
推荐回答(5个)
回答1:

这只是一个相对值,也就是说,它相当于设置样式为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。

回答2:

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

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

回答3:

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

回答4:

你说的应该是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。

回答5:

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