我在让这个布局在 IE 中正常工作时遇到了一些麻烦。问题是，当我有一些小型大写字母、带下划线的文本时，垂直对齐设置为中间的图像会破坏下划线。小写字母的下划线向下移动。看图片。
这在 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>
感谢您的任何建议。