Div包含嵌套img出现空白的解决方法

2015/12/7 22:31:36 人评论 次浏览 分类:CSS


        div包含嵌套img出现空白的解决方法,在开发的时候发现,div包裹的img之间出现了空白,在Debug的时候发现并没有异常,这里问题要么出现在div的身上要么就出现img的身上。最后想到img的是行内元素,div是块级元素。


原因:

        在div的底部,和img之间出现空白,在浏览器 IE8  firefox  chrome  safari 中都出现,IE6  IE7 没有。img的是行内元素,div是块级元素。img作为行内元素具有文字一样的行高属性,所以无法跟div对齐。

解决方法:

        将img设置display:block ,这个就不贴出代码了。


上一篇:没有了

下一篇:CSS样式文件中文字符的编码问题

相关资讯

  • 通过js判断浏览器是否支持HTML5特性

    在开发的过程中有时候需要对一些html5的专属特性进行判断,判断浏览器是否支持HTML5特性,一般是通过js进行判断,目前判断浏览器是否支持html5特性,主要通过js判断是否支持html5特性中的某种特性,例如像window.applicationCache,Canvas,Worker。

    2016/7/6 12:11:21
  • Js通过referrer获取搜索引擎来源

    在做网站优化的时候,需要了解用户搜索引擎来源,可以在Html页面中通过JS获取document.referrer,然后在document.referrer中通过搜索引擎对应的域名进行识别。 比如百度对应域名中的存在‘baidu’,360 搜中,含有so.com,可以作为标识。

    2016/5/20 11:17:05
  • CSS样式文件中文字符的编码问题

    在使用CSS样式文件的时候,需要使用中文字符,特别是使用字体样式的时候,比如‘微软雅黑’,’黑体‘等字体的时候会出现出现乱码的情况,这里主要是字符编码的问题。下面具体说说原因和解决方法。

    2015/12/20 17:20:59

共有访客发表了评论 网友评论

验证码: 看不清楚?