Question

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

Answer 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。

Answer 2

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

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

Answer 3

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

Answer 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。

追问

我不知道是不是1.5em,我看教程的时候,就写着,line-height:1.5 还有line-height:1.8.我平常习惯写多少PX,我想知道这两者怎么换算的,谢谢

追答

1.5的话应该就是em了，不过实际工作中建议要明确单位，因为每个浏览器解析的默认值可能会不一样。
上面已经说过了，正常情况下
1em=16px
1px=1/16 em=0.0625em
但是如果你设置了html{font-size:62.5%}之后，你当前页面的文本字体尺寸就是原本默认尺寸的62.5%了，1em=16px乘以62.5%=10px

em是一个相对尺寸，它具体代表多少要看你当前文本字体的大小。

追问

假如当前字号是12号宋体,那这个line-height:1.5 相当于line-height=?谢谢

追答

12好字体就是12pt; 1em=12pt=16px;
那么你这里的1.5em就是24px;了

追问

12号字,1.5EM相当于24PX,;那13号字,是不是相当于26PX?14号字,相当于28PX?都乘以2?

追答

不好意思，修改一下答案，刚才有点弄混了
贴篇文章给你吧
http://hi.baidu.com/sueris_soft/blog/item/31b8b4f7c4f30ae1fd037f6b.html

Answer 5

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