用 ul li 做高度是1px的水平分割线

下面我是在 ul li 列表中设定一个 li 做水平分割线，高度是 1px ，
但是在 ie 下 <li class="sep"> 分割线距离上面老是有一段空白，怎么都去不掉，
请大家帮忙了。。。。。。。。

解决了，加个 font-size:0px; 就OK 了。。。 呵呵。。。。

 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jz108 .cn</title>
<style type="text/css">
<!--
ul,li {list-style:none;margin:0px;padding:0px;}
.sep {
  list-style:none;
  width:100%;
  height:1px;
  background:#c00;
  overflow:hidden;
  line-height:1px;
  margin:0px;
  padding:0px;
        font-size:0px;
 }
-->
</style>
</head>
<body>

<ul>
      <li>设置和是合适1111</li>
      <li class="sep"></li>
      <li>设置和是合适2222</li>
</ul>

</body>
</html>

posted on 2008-09-18 17:42  *Sabrina*  阅读(1483)  评论(0)  编辑  收藏  举报

导航