it-swarm.it

Qual è il modo migliore per centrare le immagini nei siti Web?

Ogni volta che lavoro su un nuovo progetto non ho alcun problema a centrare il testo usando "text-align: center" per centrare il testo, ma non ho mai visto un codice simile per centrare le immagini, quindi ho sempre hackerato il codice centrando le immagini nell'HTML (non l'opzione più pulita) o assegnando all'immagine una larghezza variabile (che non funziona con risoluzioni multiple). Esiste un modo per ottenere ciò che non ho provato? E qualcuno sa se qualcosa di simile sarà implementato in CSS3?

2
rgaspary

Impostare lo stile degli elementi di contenimento su

text-align:center;

imposta lo stile dell'immagine su

display:inline-block;
margin:auto;
8
Sruly

La risposta di Sruly colpisce l'unghia sulla testa. l'unica cosa che prenderei in considerazione l'aggiunta è vertical-align: middle; per il tag immagine, come segue:

display:inline-block;
margin:auto;
vertical-align: middle;
2
Sk93