Question

我想垂直中间的图像。以下代码适用于所有浏览器接受IE6和我的网站的观众将使用IE6。

我如何在Internet Explorer 6中垂直居中这个图像？

<div id="galleryImage"><div id="imgContainer"> <img src='' alt='' /> </div></div>

#galleryImage{
width:668px;
height:668px;
border:solid 1px #c0c0c0;
overflow:hidden;
float:left;
line-height:668px;
text-align:center;
}
#imgContainer{
    display:inline;
        height:668px;
    line-height:668px;

}

Answer 1

这个代码为我做了ie6的技巧。为有同样问题的其他人分享

http://snipplr.com/view/36863/jquery-plugin-vertical-align/

Answer 2

img {_display：inline-block; _vertical对齐：中间}

这两个样式设置是IE6的解决方法...我使用IE6黑客将它保存在你的样式表中，个人而言，当页面加载和优化受到极大的控制时，我会提供单独的样式表IE（s），但这完全取决于你。

随便，你应该抛弃这两个div上的线高。我看到你正在做什么与线高度，我必须说，我不建议任意抛出这样的风格。是的，它几乎可以跨浏览器工作，是的，你想从行高处看到的功能......但是这不是如何使用行高，后来就行了，不管它是什么这个网站，或者大规模的创建/破解你的职业网站，你的风格将会失败。我从经验老兄那里知道，很糟糕。我一直在推动基于跨浏览器/跨媒体标准的解决方案超过一年，这是一个绝对的马戏团行为，在响应式开发，移动优先开发，在浏览器中开发以及同时从内容开发。是的，这是一个满口的......我的观点是......我对CSS2屏幕媒体有很强的把握，包括IE6＆amp; 7，FF2，Safari，Opera ....我甚至认为Chrome还没出来......我在漫无边际......一旦我向前迈进，我的信心和“感知”知识就会大幅下降。似乎没什么用。基本上我使用的是样式/属性，他们是如何无意识的，小浏览器列表是宽容的...一旦我跳进了大孩子的游泳池，我就是在脑海中。

这太长了。

在IE 6中垂直对齐图像

2 个答案: