DiV中的img标签间隙的解决方法

方法一，

将img的css属性改为display：block这样img被视为块及元素，但是排版的时候回垂直排列（因为块及元素占一行的大小）；

方法二，

将img的父容器的font-size设置为0；（比较优先考虑）

方法三，

将块及元素的对齐方式设置为

vertical-align:bottom，vertical-align:middle，vertical-align:top

　　img{vertical-align:bottom}

 

原因，图片和a标签等行内块元素是相对于父级元素是base-line对齐的