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

我有一個圖標圖像和文字如下。一切代碼的來源是：ABSMIDDLE在Firefox和Chrome上的工作方式不同嗎？

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

問題是，圖標不與Chrome瀏覽器的標題垂直對齊與Firefox比較。

alt text

我覺得absmiddle不會在所有的工作！有沒有解決方法？我不想用2列的表來解決這個問題。

2010-03-19 Ryan

嘗試這種解決方案：

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

2011-03-05 11:52:56 ChipFind

margin-bottom：.25em令人難以置信 - 從來不知道這一點。它在各個瀏覽器中獲得了對齊的優勢。 –

vertical-align: middle;可能是你在找什麼。我不一定會假設WebKit從「absmiddle」知道。

2010-03-19 23:45:29 Anonymous

感謝的答案，但它是相同的 – Ryan

，只有當要素具有'顯示器的工作原理：表cell' – alex

請注意，您可能需要將其放置在包含元素，而alex可能是正確的（這可能不會對佈局產生不利影響）。 – Anonymous

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

2010-03-20 00:28:37

對於我來說，vertical-align:middle;單單是不夠的（在IE至少和一個文本框旁）。什麼工作得很好是隨着border-style: none;：

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

2015-11-05 16:14:46

回答