li或dd 浮动后增加图片时高度多出3-5px的问题

转载的，确实能解决问题，原因不明，求指教，谢谢！

本人实验，chrome下多出3px，firefox下多出5px

li或dd 浮动后增加图片时高度多出3-5px的问题

dd或li或a标签内，插入图片后，下方会增加4PX高度(间距)，解决方法：
1.将图像定义成block (display:block)
2.给dd或li固定高度，然后overflow:hidden
3.设置 ul 的 font-size:0;
4.设置 img 的 vertical-align: bottom;
5.设置 img 的 margin-bottom: -4px;

其中第4个方法一般是为了解决li里面有双浮动:

• 111111
  比如这里a和span一个浮左一个浮右的时候,li下方就会多出3PX左右的空隙,所以要用到vertical-align: bottom;或hack来解决

转载于:https://www.cnblogs.com/sleepyy/p/3335122.html