IE6/7 BUG 图片不能居中

BUG描述

正常浏览器设置line-height图片能居中显示，在IE6、7下不能居中显示

BUG

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<meta name="robots" content="noindex">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Disappearing List Background Bug Demo - hasLayout.net by Zoffix Znet</title><style type="text/css">body {background: #fff;color: #000;
}div {width: 200px;height: 200px;line-height: 200px;text-align: center;background: #FF00FF;
}
img {vertical-align: middle;
}
</style><div><img src="recent.jpg" alt="" width="100" height="100"></div>
<!-- NOTE: no white-space in the <div> also triggers bug in IE7 -->

图片不居中bug截图

BUG解决

在图片后加个<SPAN></SPAN>并添加其样式

span {
display: inline-block;
}

转载于:https://www.cnblogs.com/amws/p/3142255.html

IE6/7 BUG 图片不能居中相关推荐

解决IE6中 PNG图片透明的终极方案-八种方案！
"珍惜生命,远离IE6",IE6中的bug令很多Web前端开发人员实为头疼,因此不知道烧了多少脑细胞,在众多的Bug中最令人抓狂的就是IE对png图片的不支持,导致设计师和重构师放 ...
html+css技巧分享和IE6典型BUG分析（重温一下）
上个星期六,给公司的一些童鞋,做了一次分享, 分享的主题是HTMl+css开发技巧为此一个星期都没有怎么做项目,准备了一个3dppt,也就是impress.js插件, 每种类型也做了一个例子,, 讲 ...
防止IE6出现BUG的十种常见解决方法
以下介绍的十种解决方法是针对IE6经常会出现的DIV+CSS布局BUG而使用的一些默认设置,由于IE6的BUG比较多,所以我们制作页面时经常会碰到一些莫名其妙的布局问题,每次碰到问题我们就会查找对因的 ...
新分享一种解决ie6下PNG图片透明的方法
IE6中的图片不透明问题一直困扰着广大设计从业者们,前段时间已经分享了一种使用HTC文件解决的方法和使用滤镜使png背景图片透明的方法,今天再分享一种使用脚本代码使PNG图片在IE6中透明的办法. 脚 ...
IE6下PNG图片透明效果(PNG图片做背景也可以)
懒人萱在这里保证发的文章都是高质量的经过测试的JS代码,而且IE6.IE7和火狐都兼容的,希望大家多多关注我的帖子,我会把我的经验都共享出来哦! 懒人萱在寻找PNG图片透明效果的JS特效代码的时候,发 ...
android动态设置文本居中显示图片,Android DrawableTextView图片文字居中显示实例
在我们开发中,TextView设置Android:drawableLeft一定使用的非常多,但Drawable和Text同时居中显示可能不好控制,有没有好的办法解决呢? 小编的方案是通过自定义Text ...
10个修复ie6下bug技巧[转]
ie6的末日即将来临,对我们前端开发人员来说,无疑是一个慰藉人心的喜讯.但这个末日也并非朝日可至,所以我们还是争取最后的胜利,用各种hack和方法来规避ie6下双边距,背景透明,重复文字等等一堆bug ...
IE6躲躲猫bug -IE6 Peekaboo Bug
IE6 Peekaboo Bug The setup: A liquid box has a float inside, and content that appears along side tha ...
PPT转Word文档及word图片批量居中
PPT转Word文档及word图片批量居中一.PPT转word文档 1.工作中经常会需要把PPT的内容转成文档打印出来,操作需要频繁的复制粘贴,需要耗费大量的时间和精力. 2.首先打开PPT点击另存 ...

IE6/7 BUG 图片不能居中

IE6/7 BUG 图片不能居中相关推荐

最新文章

热门文章