Tengo una imagen de icono y un texto como el siguiente. El código fuente de todo es:ABSMIDDLE funciona de manera diferente en Firefox y Chrome?
<img src="...." align="absmiddle" /> My Title Here
El problema es que el icono no está alineada verticalmente con el título en cromo en comparación con Firefox.
creo que el absmiddle no funciona en absoluto! ¿Hay alguna solución? No quiero usar una tabla con 2 columnas para solucionar este problema.
Pruebe esta solución:
<img src="img.png" style="margin-bottom:.25em; vertical-align:middle;">
vertical-align: middle; puede ser lo que estás buscando. No necesariamente asumiría que WebKit sabe de "absmiddle".
Gracias por la respuesta, pero es la misma – Ryan
que sólo funciona cuando el elemento tiene 'display: table-cell' – alex
Tenga en cuenta que puede que tenga que configurarlo en una que contiene elemento, y alex probablemente tenga razón (lo que no puede afectar negativamente al diseño). – Anonymous
El atributo de alineación de ha sido desaprobado y no es compatible con HTML 4.01 Strict o XHTML 1.0 Strict.
Debe usar CSS para lograr este efecto. Usted podría intentar el siguiente código:
<img src="...." align="absmiddle" style="vertical-align:middle;" /> My Title Here
o
<img src="...." align="absmiddle" style="vertical-align:50%;" /> My Title Here
Para mí, vertical-align:middle; sí sola no era suficiente (en IE al menos y con un cuadro de texto junto a). Lo que funciona muy bien es junto con border-style: none;:
<img src="...." style="vertical-align:middle; border-style: none;" />
margin-bottom: .25em es increíble, nunca se supo de esto. Obtiene el prefecto de alineación en todos los navegadores. –