经常遇到这个问题,但没记下来,今天同事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标签需要自动宽度,写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.如果能够定宽,设置定宽也可以不换行,但就不能自适应了