Ho un'immagine di icona e testo come il seguente. Il codice sorgente di tutto ciò che è:ABSMIDDLE funziona in modo diverso su Firefox e Chrome?
<img src="...." align="absmiddle" /> My Title Here
Il problema è che l'icona non è allineata verticalmente con il titolo in Chrome rispetto a Firefox.
penso che il absmiddle non funziona affatto! C'è qualche soluzione? Non voglio usare una tabella con 2 colonne per risolvere questo problema.
provare questa soluzione:
<img src="img.png" style="margin-bottom:.25em; vertical-align:middle;">
vertical-align: middle; potrebbe essere quello che stai cercando. Non presumo necessariamente che WebKit lo sappia da "absmiddle".
L'attributo align di è stato deprecato e non è supportato in HTML 4.01 Strict o XHTML 1.0 Strict.
È necessario utilizzare i CSS per ottenere questo effetto. Si potrebbe provare il seguente codice:
<img src="...." align="absmiddle" style="vertical-align:middle;" /> My Title Here
o
<img src="...." align="absmiddle" style="vertical-align:50%;" /> My Title Here
Per me, vertical-align:middle; da sola non era sufficiente (su IE, almeno e con una casella di testo accanto). Ciò che funziona molto bene è con border-style: none;:
<img src="...." style="vertical-align:middle; border-style: none;" />
margin-bottom: .25em è incredibile: non lo sapevo mai. Ottiene il prefetto di allineamento tra i vari browser. –