html - 垂直对齐文本和图像在浏览器中不一致

Question

我正在尝试垂直对齐表格单元格内的文本和图像元素。我正在使用align="absmiddle"它，它在 IE 中有效，但在 Chrome 中无效。

如何在 Chrome 和 IE 上垂直对齐中间的文本和图像？

这是代码：

<tr>
    <td height="17" bgcolor="#550000">
        <div align="center">
            <strong><font color="#000000" size="3">Text</font></strong>
            <img src="Image.jpg" alt="US Image" width="30" height="15" border="0" align="absmiddle">
        </div>
    </td>
</tr>​

演示：http: //jsfiddle.net/8xTta/

Answer 1

usingabsmiddle不仅是一个常见的 HTML 错误，而且在以这种方式使用时也被认为是不好的做法，即您应该始终将样式与内容分开，并使用外部样式表而不是嵌入在标记中的内联样式。

为了解决这个问题并实现跨浏览器兼容性，请替换align:absmiddle;规则并vertical-align: middle;改为使用。

这是您可能感兴趣的垂直对齐的不错参考。