ul中的每一个li如果里面添加“一个图,一行字”,
这样图片会紧贴在左侧,而文字会居中,这两个元素不会紧贴着。
产生这种问题的原因我推测是:我图片设置了左浮动,但文字没有设置浮动,而一旦将文字设置为浮动后又会破坏div的布局(文字会往左挤),所以解决办法是将文字设为左浮动的同时,将文字所属的容器设置为overflow:hidden
(这个方法对div也适用(即:将li换成div也会有这种问题))
解决办法是:
将li设置为overflow:hidden;
将里面的包围文字的a标签设置为:float:left;