ABSMIDDLE 在 Firefox 和 Chrome 上的工作方式不同？答案

【问题标题】：ABSMIDDLE works differently on Firefox and Chrome?ABSMIDDLE 在 Firefox 和 Chrome 上的工作方式不同？
【发布时间】：2011-01-29 16:22:00
【问题描述】：

我有一个图标图像和文本，如下所示。一切的代码来源是：

<img src="...." align="absmiddle" /> My Title Here

问题在于，与 firefox 相比，Chrome 中的图标未与标题垂直对齐。

我认为absmiddle 根本不起作用！有什么解决办法吗？我不想使用包含 2 列的表格来解决此问题。

【问题讨论】：

【解决方案1】：

对我来说，仅vertical-align:middle; 是不够的（至少在 IE 上并且旁边有一个文本框）。效果很好的是border-style: none;：

<img src="...." style="vertical-align:middle; border-style: none;" />

【讨论】：

【解决方案2】：

试试这个解决方案：

<img src="img.png" style="margin-bottom:.25em; vertical-align:middle;">

【讨论】：

【解决方案3】：

的 align 属性已被弃用，并且在 HTML 4.01 Strict 或 XHTML 1.0 Strict 中不受支持。

你应该使用 CSS 来实现这个效果。你可以试试下面的代码：

<img src="...." align="absmiddle" style="vertical-align:middle;" /> My Title Here

或

<img src="...." align="absmiddle" style="vertical-align:50%;" /> My Title Here

【讨论】：

【解决方案4】：

vertical-align: middle; 可能就是您要找的。我不一定会假设 WebKit 知道“absmiddle”。

【讨论】：