ABSMIDDLE funktioniert anders bei Firefox und Chrome?

Ich habe ein Symbol Bild und Text wie folgt. Der Quellcode von allem ist:ABSMIDDLE funktioniert anders bei Firefox und Chrome?

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

Das Problem ist, dass das Symbol nicht vertikal mit dem Titel in Chrome zu Firefox im Vergleich ausgerichtet ist.

alt text

Ich denke, die absmiddle überhaupt nicht arbeiten! Gibt es eine Lösung? Ich möchte keine Tabelle mit zwei Spalten verwenden, um dieses Problem zu beheben.

Quelle

2010-03-19 Ryan

diese Lösung Versuchen:

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

Quelle

2011-03-05 11:52:56 ChipFind

Rand-Boden: .25em ist unglaublich - wusste nie darüber. Es erhält den Alignment-Präfekt über Browser hinweg. –

vertical-align: middle; möglicherweise was Sie suchen. Ich würde nicht unbedingt davon ausgehen, dass WebKit von "absmiddle" weiß.

Quelle

2010-03-19 23:45:29 Anonymous

Vielen Dank für Antwort, aber es ist das gleiche – Ryan

das funktioniert nur, wenn das Element 'Display hat: table-cell' – alex

Beachten Sie, dass Sie, es auf eine haben containing element, und alex hat wahrscheinlich Recht (was das Layout nicht negativ beeinflussen kann). – Anonymous

Das align-Attribut von ist veraltet und wird in HTML 4.01 Strict oder XHTML 1.0 Strict nicht unterstützt.

Sie sollten CSS verwenden, um diesen Effekt zu erzielen. Sie könnten den folgenden Code versuchen:

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

oder

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

Quelle

2010-03-20 00:28:37

Für mich vertical-align:middle; allein war nicht genug (auf IE zumindest und mit einem Textfeld neben). Was sehr gut funktioniert, ist zusammen mit border-style: none;:

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

Quelle

2015-11-05 16:14:46

ABSMIDDLE funktioniert anders bei Firefox und Chrome?

Antwort

Verwandte Themen