li在ie/firefox浏览器中行高不一致解决方法(浏览器兼容)

ttx9n · 发表于 2013-12-23 10:29:35

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>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
<li>css学习<a href="#">www.jb51.net css学习</a></li>
</ul>

3pjdk29w · 发表于 2022-8-28 10:15:29

你们谁看了弄洒了可能

6ox8dn · 发表于 2023-2-14 06:14:26

还可以不错

6q8s6p21 · 发表于 2023-6-1 20:26:48

看看看看看看看看看看看看看看看看看看看看看看看看看看看

shw5ovr · 发表于 2023-10-11 10:42:22

啪啪啪生怕PSP怕

kwa3hgmjp · 发表于 2023-10-22 18:17:03

人都不在了啊啊

adm1n · 发表于 2024-4-17 17:21:25

可以，看卡巴

wqpa63gz · 发表于 2024-6-12 15:19:13

而非为吾问无为谓娃娃

5ble0ks · 发表于 2024-6-13 04:34:54

抽根烟，下来看看再说

Anthonylam · 发表于 2024-6-25 23:38:30

好人好人好人好人

账号		自动登录	找回密码
密码			立即注册

[CSS] li在ie/firefox浏览器中行高不一致解决方法(浏览器兼容)

相关帖子