li在ie/firefox瀏覽器中行高不一致解決方法(瀏覽器兼容)

2024-07-11 08:27:55

字體：大中小

來源：轉載

供稿：網友

復制代碼

代碼如下:
<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.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
<li>css學習<a href="#">www.survivalescaperooms.com css學習</a></li>
</ul>

上一篇：本文的主角 vertical-align使用介紹

下一篇：css實現隨鼠標移動div漸變色效果

發表評論

共有條評論