设为首页收藏本站订阅更新

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步,快速开始

搜索
查看: 3307|回复: 2

请教firefox浏览器下xhtml strict中img插入图片出现的莫名间距?

[复制链接]
发表于 2006-3-30 13:24:28 | 显示全部楼层 |阅读模式
在firefox浏览器中,前者图片的下面出现了4px的间距,不是margin也不是padding,不知道是什么原因?

后者是使用display:block后显示正常,但是用这样的方式在做背景重叠显示的时候会有问题,不知道有没有更好的解决办法?

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. </head>

  7. <body>
  8. <div style="width:100%; height:50px; background-color:#99CC33;"></div>
  9. <div style="background-color:#c30;"><img src="http://bbs.51js.com/images/default/logo.gif" /></div>
  10. <div style="width:100%; height:50px; background-color:#00CCCC;"></div>



  11. <div style="width:100%; height:50px; background-color:#99CC33;"></div>
  12. <div style="background-color:#c30;"><img src="http://bbs.51js.com/images/default/logo.gif" style="display:block" /></div>
  13. <div style="width:100%; height:50px; background-color:#00CCCC;"></div>
  14. </body>
  15. </html>
复制代码

[ 本帖由 Cutsin 最后编辑于 2006-3-30 13:26 ]
发表于 2013-8-29 15:59:36 | 显示全部楼层
素的  ,楼主,,表示最近我也在头疼这件事,公司的网站用的都是Strict标准的HTML文件,但是我本人习惯了Transitional标准,所以转换的时候经常出问题;最近有几个展示页面图面蛮多的,于是用table显示本来想回简单明了,没想到就出问题了;不过我测试得到的结果是在Opera,Chrome下多出了3px;在FF和Safari下多出了5px;IE8、9、10几乎都是4px(貌似有波动的样子,比4略大);IE7和兼容模式没有变化(大概是自动转换成Transitional标准了;我用js测试了一下,发现IE兼容模式是等值于IE7的);于是上网找啊找,,,特么的,解决方法是在td里面加一个div套住图片,大小跟图片一样就OK了,表示很无语,虽然可以解决,但是20多张图片就要20多个div,于是果断还是直接用div布局算了……
发表于 2013-9-23 13:12:17 | 显示全部楼层
方法有很多。给父标签设置font-size:0;或者设置图片为float,然后再清除float。
您需要登录后才可以回帖 登录 | 加入无忧

本版积分规则

小黑屋|手机版|Archiver|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445   鄂公网安备 42011102000433号

GMT+8, 2018-6-20 20:39 , Processed in 0.081339 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表