Unitless line-heights

line-height

<ul>
  <li>I'm a list item with <small>small text</small>.</li>
</ul>
ul {font-size: 15px; line-height: 1em;}
li {font-size: 10px;}
small {font-size: 80%;}

  li将继承ul的line-height:15px,为15px(15px*1),small的line-height也为15px

ul {font-size: 15px; line-height: 1;}
li {font-size: 10px;}
small {font-size: 80%;}

  li将继承ul的line-height:1,为10px(10px*1),small的line-height为8px(font-size为10px*80%=8px,line-hegiht为8px*1)

  Note:1.5与150%是一样的。

posted on 2013-04-25 16:23  BigPalm  阅读(206)  评论(0编辑  收藏  举报

导航