gpt4 book ai didi

html - 互联网浏览器 : Broken Underlines

转载 作者:行者123 更新时间:2023-11-27 22:52:20 25 4
gpt4 key购买 nike

我在使此布局在 IE 中正常工作时遇到了一些问题。问题是,当我有一些小型大写字母、带下划线的文本时,将垂直对齐设置为中间的图像会打断下划线。小写字母的下划线向下移动。 See the picture.

这在 Firefox、Chrome 和 Opera 中看起来不错,但在我尝试过的每个 IE 版本(包括 8)中都有问题。带下划线的链接也会出现这种情况。这是代码:

<html>
<head>
<title>Test</title>
<style type="text/css">
img { vertical-align: middle; }
span { text-decoration: underline; font-variant: small-caps; }
</style>
</head>
<body>
<img src="pic.png">
<span>Abc QWerty AbCdEfGhIjKlMnOpQrStUvWxYz1234567890</span>
</body>
</html>

感谢您的任何建议。

最佳答案

如果您不关心 CSS 验证,添加 zoom:1 声明(或任何其他 hasLayout 调用声明)到您的 span 样式将解决问题(至少在 IE6/7 中).

关于html - 互联网浏览器 : Broken Underlines,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1056013/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com