ABSMIDDLE работает по-разному на Firefox и Chrome? - PullRequest
Новая
       23

ABSMIDDLE работает по-разному на Firefox и Chrome?

9 голосов
/ 20 марта 2010

У меня есть изображение значка и текст, подобный следующему. Код источника всего: 

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

Проблема в том, что значок не выровнен по вертикали с названием в Chrome по сравнению с Firefox.

alt text

Я думаю, absmiddle вообще не работает! Есть ли решение? Я не хочу использовать таблицу с 2 столбцами для решения этой проблемы.

Ответы [ 4 ]

17 голосов
/ 05 марта 2011

Попробуйте это решение: 

<img src="img.png" style="margin-bottom:.25em; vertical-align:middle;">
2 голосов
/ 20 марта 2010

vertical-align: middle; может быть то, что вы ищете. Я не обязательно предположил бы, что WebKit знает из «absmiddle».

1 голос
/ 20 марта 2010

Атрибут выравнивания устарел и не поддерживается в 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
0 голосов
/ 05 ноября 2015

Для меня одного vertical-align:middle; было недостаточно (по крайней мере, в IE и с текстовым полем рядом). Что хорошо работает, так это border-style: none;: 

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