垂直对齐问题兼容模式IE

发布于 2024-10-18 03:47:36 字数 278 浏览 6 评论 0原文

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

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

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

我在 IE8 上测试

为什么会发生这种情况? 解决办法是什么?

谢谢卢卡

I'm having a strange problem while building up the structure for a web site.
Basically I have:

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

in which I have few links (font-size:14px) that I want vertical-aligned to the middle of my div.everything is fine,i switched the compatibility views button on IE and everything is still ok. the problem is if i change the font size to 12px and i switch the compatibility view my links are not vertical-aligned anymore!

Im testing on IE8

why is this happening?
what-s the solution?

thanks luca

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

请止步禁区 2024-10-25 03:47:36

您可能已经找到了解决方案,但如果您没有找到解决方案,

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

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

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

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

干杯!

You might have found the solution but in case you don't,

I had the same problem with vertical-align in IE8.
The easiest way I found to stop spending so much time is by adding
this well known code in the Head.

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

This code brings back IE8 to IE7 engine which support vertical-align in a better way.

If you got something better than that , I'm open to learn something new :)

Cheers!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文