9

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

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

问题在于,与 Firefox 相比,该图标未与 Chrome 中的标题垂直对齐。

替代文字

我认为absmiddle根本不起作用!有什么解决办法吗?我不想使用具有 2 列的表来解决此问题。

4

4 回答 4

17

试试这个解决方案:

<img src="img.png" style="margin-bottom:.25em; vertical-align:middle;">
于 2011-03-05T11:52:56.840 回答
2

vertical-align: middle;可能是您正在寻找的东西。我不一定会假设 WebKit 从“absmiddle”中知道。

于 2010-03-19T23:45:29.823 回答
1

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

您应该使用 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-20T00:28:37.070 回答
0

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

<img src="...." style="vertical-align:middle; border-style: none;" />
于 2015-11-05T16:14:46.273 回答