IE6图片元素img下高度超出出现多余空白

Posted 2020-08-20

1. 将图片转换为块级元素；display：block;
2. 设置图片的垂直对齐方式；vertical-align属性为top，text-top,bottom,text-bottom
3. 设置父元素的字体大小为0px
4. 改变父对象的属性，如果父对象是宽高固定，图片大小也随父对象而定，那么可以设置overflow:hidden来解决
5. 设置图片的浮动属性img{float:left}