垂直对齐问题兼容模式IE
我在构建网站结构时遇到了一个奇怪的问题。 基本上我有:
.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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您可能已经找到了解决方案,但如果您没有找到解决方案,
我在 IE8 中的垂直对齐也遇到了同样的问题。
我发现停止花费这么多时间的最简单方法是添加
Head 中的这段众所周知的代码。
此代码将 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.
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!