垂直对齐问题兼容模式IE答案

【问题标题】：vertical alignment issue compatibility mode IE垂直对齐问题兼容模式IE
【发布时间】：2011-06-30 05:01:51
【问题描述】：

我在构建网站结构时遇到了一个奇怪的问题。基本上我有：

.container(height:30px;line-height:30px;)

其中我有几个链接（字体大小：14px），我希望垂直对齐到我的 div 的中间。一切都很好，我在 IE 上切换了兼容性视图按钮，一切都还可以。问题是如果我将字体大小更改为 12px 并切换兼容性视图，我的链接将不再垂直对齐！

我在 IE8 上测试

为什么会这样？解决办法是什么？

谢谢卢卡

【问题讨论】：

【解决方案1】：

您可能已经找到了解决方案，但万一您没有找到，

我在 IE8 中使用垂直对齐时遇到了同样的问题。我发现停止花费这么多时间的最简单方法是添加 Head中的这个众所周知的代码。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

此代码将 IE8 带回 IE7 引擎，以更好的方式支持垂直对齐。

如果你有比这更好的东西，我愿意学习新的东西:)

干杯！

【讨论】：