垂直对齐问题兼容模式IE

时间:2011-02-19 01:06:42

标签: internet-explorer ie8-compatibility-mode vertical-alignment

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

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

我有几个链接(font-size:14px),我想垂直对齐到我的div中间。一切都很好,我切换IE上的兼容性视图按钮,一切都还可以。问题是如果我将字体大小更改为12px并且我切换兼容性视图我的链接不再是垂直对齐的!

我在IE8上进行测试

为什么会这样? 什么是解决方案?

感谢luca

1 个答案:

答案 0 :(得分:1)

您可能已找到解决方案但如果不这样做,

我在IE8中遇到了与vertical-align相同的问题。 我发现停止花费这么多时间的最简单方法是添加 这个众所周知的代码在头部。

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

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

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

干杯!