float解决图片下出现空白的问题

转载 2012年03月23日 15:24:28

在一个页面中,上下有几个块级元素,其中动态填充图片,为了页面的美观,要求图片间紧密结合,没有空白。

然而,在IE下,中间一张图片下总是会出现一小段空白,FF下倒正常。我尝试设置了各种属性,包括margin、padding等,均没有效果,很是不爽。

后来,看到网友介绍设置image的float属性可以解决这个问题,于是就尝试加上这个样式:

float:left

果然,讨厌的空白不见了,无论在ie还是ff下都很正常。

为什么设置图片浮动就能消除IE下出现的空白呢?这个问题我还没有想明白。我查了一下资料,float元素可以使用文字环绕在一个元素的四周。那么,设置为left,也就是可以让图片浮动在左边。但是,在IE下,图片下的这一小段空白是如何产生的,由于对float的理解并不是很深刻,我依然不能理解,如果你对此很了解,希望能赐教。


相关文章推荐

图片下面出现空白像素的问题解决

在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的,对于该问题的解决方法也是“见机行事”,根据原因的不同要用不同的...

android gridview网路得到图片大小不统一出现的边框空白太大等问题

今天在无聊写web时候 朋友问了我一个问题,当时不知道问的是啥,回答的也不是很清晰 后来总结后发现是imagerview显示的问题 这个问题大家估计也有遇到过。 问题:我们在用gridview展示图...
  • fyfone
  • fyfone
  • 2015年01月04日 16:41
  • 1606

如何解决div中img图片下方空白问题

div中图片下方有3px左右的空白,怎么去掉?如何让图片铺满整个div?其实方法有很多,也都很简单。在此本文介绍两种常用方法。...

图片下面出现空白4像素BUG的常用解决方法归纳

在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的,对于该问题的解决方法也是“见机行事”,根据原因的不同要用不同的...

解决android 6.0 webview加载https出现空白页问题

解决android 6.0 webview加载https出现空白页问题由于公司项目换成的https接口,其他数据都能加载正常,而webview加载https页面出现空白页,查看logcat: Thi...

Visual studio2010创建MFC的工程中资源视图出现空白问题原因与解决

这几天正在赶几个项目,正准备着手做,没想到开发神器Visual studio2010出现问题了,具体问题是这样的: 打开Visual studio2010创建MFC工程时会出现几个错误提示对话框 ...
  • Lixam
  • Lixam
  • 2013年01月05日 22:03
  • 6534

解决页面下载文件,资源不存在页面出现空白的问题。

文件下载时如果连接失效,下载页面空白的解决办法

GeoServer中一个shape发布多个图层时出现调用空白的问题及解决办法

最近一个项目要用GeoServer,匆忙上手就用,遇到了很多可能出人意料的问题,“用一个shape文件发布多个图层时出现openlayers调用显示空白的问题“就是其中一个,百思不得其解,到GeoSe...

解决安卓加载长图出现解码失败导致显示空白的问题

今天做了一个demo,需求是一个scollerView里面嵌套一个图片,图片是一个长图,我用了imageView去设置图片,当图片加载完成后设置出现空白的问题,在 某些手机会但是有占位,某些手机就不...

texture packer 处理图片空白的问题

在项目中使用texture packer 处理图片时候,出现一种情况,处理的图片PNG 的上边有一部分是空白的 ,而且尺寸是不规则的,通过texture packer 处理的时候,当把Fixed Si...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:float解决图片下出现空白的问题
举报原因:
原因补充:

(最多只允许输入30个字)