line-height:2、line-height:2em、line-height:200%的区别

文章来源:

  http://www.zhihu.com/question/20394889

 

总结:

  1、line-height:2em、line-height:200%

     根据父元素的字体大小计算行高

           子元素继承父元素计算后的行高,如果子元素的字体很大,而父元素字体小,这样计算出来的行高有可能无法容量子元素的显示,会被截掉。

 

     2、line-height:2(推荐)

      根据子元素计算行高(取最大字体值*2)

posted @ 2014-02-16 13:50  joya  阅读(564)  评论(0编辑  收藏  举报