首页 > 代码库 > IE6图片元素img下高度超出出现多余空白

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

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

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