堂Di

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

经常遇到这个问题,但没记下来,今天同事TC问到,我就想如果记下来了 就可以直接发网址过去了。哈 所以还是要坚持总结。

<ul class="clearfix">
    <li><a href="">0001</a></li>
    <li><a href="">0002</a></li>
    <li><a href="">0003</a></li>
    <li><a href="">0004</a></li>
    <li><a href="">0005</a></li>
</ul>


对li设置了float:left 

a标签需要自动宽度,写width:auto属性,加display:block IE6+支持了a标签的自动宽度,但是IE6不支持,

如果a设置了height或者用zoom:1;都会使其触发layout a就是一整行,无法自适应宽度

【解决方法】

1.a不设置display:block(即也不设置宽高了);

2.a 也float:left起来

3.a使用display:inline-block;不使用display:block

4.如果能够定宽,设置定宽也可以不换行,但就不能自适应了

posted on 2013-08-22 18:03  堂Di  阅读(362)  评论(0编辑  收藏  举报