ABSMIDDLE fonctionne différemment sur Firefox et Chrome?

J'ai une image d'icône et un texte comme celui-ci. La source de code de tout est:ABSMIDDLE fonctionne différemment sur Firefox et Chrome?

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

Le problème est que l'icône n'est pas aligné verticalement avec le titre dans Chrome par rapport à Firefox.

alt text

Je pense que le absmiddle ne fonctionne pas du tout! y-a-t'il une solution? Je ne veux pas utiliser une table avec 2 colonnes pour résoudre ce problème.

Source

2010-03-19 Ryan

Essayez cette solution:

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

Source

2011-03-05 11:52:56 ChipFind

marge-bas: .25em est incroyable - jamais connu à ce sujet. Il obtient le préfet d'alignement à travers les navigateurs. –

vertical-align: middle; peut être ce que vous cherchez. Je ne supposerais pas nécessairement WebKit sait de "absmiddle".

Source

2010-03-19 23:45:29 Anonymous

Merci pour la réponse, mais il est le même – Ryan

qui ne fonctionne que lorsque l'élément a 'display: table-cell' – alex

Notez que vous pouvez avoir à mettre sur une élément contenant, et alex est probablement correct (ce qui ne peut pas nuire à la mise en page). – Anonymous

L'attribut align de a été abandonné et n'est pas pris en charge dans HTML 4.01 Strict ou XHTML 1.0 Strict.

Vous devez utiliser CSS pour obtenir cet effet. Vous pouvez essayer le code suivant:

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

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

Source

2010-03-20 00:28:37

Pour moi, vertical-align:middle; seule ne suffit pas (sur IE au moins et avec une zone de texte à côté de). Ce qui fonctionne très bien est ainsi border-style: none;:

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

Source

2015-11-05 16:14:46

ABSMIDDLE fonctionne différemment sur Firefox et Chrome?

Répondre

Questions connexes