首页 > 代码库 > 解决li在ie,firefox中行高不一致问题

解决li在ie,firefox中行高不一致问题

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">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li><li><b class="textc00">¥3452元起</b><span><a href="#">台湾环岛经典8日游台湾环岛经典8日游-华</a></span></li></ul>

 

解决li在ie,firefox中行高不一致问题