CSS垂直对齐:浏览器怪癖

时间:2010-08-26 17:41:54

标签: css layout internet-explorer-7 internet-explorer-6

在关于如何与css进行垂直对齐的this question上,Sam的评论会转到此页面:http://www.jakpsatweb.cz/css/priklady/vertical-align-final-solution-en.html

页面上的解决方案使用display table css属性,据说Browser quirks encyclopedia不能在ie6和7上工作。但是,i6 renderer正确显示了它。浏览器怪癖百科全书错了吗?

1 个答案:

答案 0 :(得分:1)

display: table;部分在Internet Explorer 6中无法正常工作(也可能不在7中,如果这是QuirksMode所说的那样)。在这些浏览器中使用display: table;和类似的东西不会在行和列中渲染div,这是它应该做的。因此,浏览器怪癖百科全书可以说旧版本的IE不支持此CSS功能。

然而您链接到的特定纵向对齐示例与IE6一起工作(我也会假设IE7)。它显示不完美(IE6使用的宽度与Chrome和IE 8不同),但垂直对齐有效。我刚刚在IE 6.0.2900.2180的XP虚拟机中对此进行了测试。