CSS 垂直对齐：浏览器怪癖

Question

关于this question关于如何使css垂直对齐，Sam的cmets指向这个页面：http://www.jakpsatweb.cz/css/priklady/vertical-align-final-solution-en.html

页面上的解决方案使用了display table css属性，Browser quirks encyclopedia说不适用于ie6和7。但是，i6 renderer 正确显示了它。浏览器怪癖百科错了吗？

Answer 1

display: table; 部分在 Internet Explorer 6 中无法正常工作（如果 QuirksMode 是这样说的话，在 7 中也可能无法正常工作）。在这些浏览器中使用 display: table; 和类似的东西不会在行和列中呈现 div，这是它应该做的。出于这个原因，浏览器怪癖百科全书说老版本的 IE 不支持这个 CSS 功能是正确的。

但是您链接到的特定垂直对齐示例确实适用于 IE6（我也假设 IE7）。它不能完美显示（IE6 使用的宽度与 Chrome 和 IE 8 不同），但垂直对齐有效。我刚刚在带有 IE 6.0.2900.2180 的 XP 虚拟机中测试了这个。