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

Question

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

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

问题是，与Firefox相比，Chrome中的图标与标题没有垂直对齐。

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

Answer 1

试试这个解决方案：

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

Answer 2

vertical-align: middle;可能是您正在寻找的。我不一定认为WebKit知道“绝对”。

Answer 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

Answer 4

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

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