手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >li在ie/firefox浏览器中行高不一致解决方法(浏览器兼容)
li在ie/firefox浏览器中行高不一致解决方法(浏览器兼容)
摘要:.tu_freeline_listli{text-indent:10px;font-size:0;height:30px;line-heig...

<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>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

<li><b>css学习</b><span><a href="#">www.jb51.net css学习</a></span></li>

</ul>

【li在ie/firefox浏览器中行高不一致解决方法(浏览器兼容)】相关文章:

解决CSS浏览器兼容技巧

CSS不同浏览器兼容问题

IE7.0以下版本列表li中的元素错位一个上一个下的解决方法

在ie7下css居中样式text-align:center;偏左问题解决方法

解决跨浏览器兼容的CSS编码准则

为不同的浏览器载入不同CSS的二种方法

FireFox浏览器和IE浏览器下CSS的兼容问题

ie placeholder属性的兼容性问题解决方法

span设CSS样式总是不起作用的解决方法

任意图片实现垂直居中的三种方法(兼容性还不错)

精品推荐
分类导航