li在ie/firefox浏览器中行高不一致解决方法(浏览器兼容)_CSS教程_CSS_网页制作
2013-12-25 09:35:44
[小 大]
已经帮助：人解决问题
点评：li在ie与firefox的高度是不一样的，解决办法是li font-size:0;然后在将其子元素复为12px
复制代码
代码如下:<style type="text/css">
.tu_freeline_list li{text-indent:10px;font-size:0;height:30px;line-height:30px;overflow:hidden;zoom:1;}
.tu_freeline_list li span{float:left;height:30px;overflow:hidden;width:155px;font-size:12px;}
.tu_freeline_list li strong{float:right;font-size:12px;}
</style>
<ul class="tu_freeline_list">
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
<li><b class="textc00">css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>
</ul>
（责任编辑：）
友情链接:联系人：QQ370158739