关于li设计时注意的事项:height and line-height

通常我们需要列出一些新闻列表的东东，于是我们定义

<style type="text/css">
.newslist{}
.newslist li{
  background:url('/images/list_bg.gif') repeat-x bottom;
  line-height:28px;/*注此处不可用height*/
  list-style:none;
}
</style>
.......
<ul class="newslist">
<li></li>
</ul>

我在上面注释处写了说明，注意这个行高不可用height，而要用line-height，前者效果文本将居顶部，后者将居中，我们当然不希望看到那个下划线修饰效果离文本那样远。

使用li height时的效果

正确使用li line-height时的效果。