Come centrare immagine in verticale dentro un Div col CSS

marco · 01-13-2010, 02:15 PM

Salve a tutti.
Sto creando una galleria di immagini in un sito ma dopo vari e vani tentativi, non mi è ancora riuscito di allineare verticalmente delle immagini di altezza variabile in un div di altezza fissa.
Ho inserito tutte le immagini in div e a questi ho applicato una classe di cui riporto il codice:

codice:

.galleria { float: left; text-align: center; height: 138px; width: 138px; }

Così facendo ho tutte le immagini centrate in orizzontale ma in verticale rimangono allineate in alto.
Qual è quindi la soluzione più semplice e immediata nonché compatibile con tutti i browser per allinearle anche verticalmente ma senza l'utilizzo di tabelle?
Un grazie anticipato per ogni eventuale suggerimento.

Quinto · 01-15-2010, 05:01 PM

Potresti formattare il blocco esterno come una cella di tabella, perchè questa può essere centrata verticalmente.

Nel tuo caso prova così:

codice:

.galleria { display: table-cell; text-align: center; vertical-align: middle; width:138px; height:138px; }

Discussioni simili
Discussione	Ha iniziato questa discussione	Forum	Risposte	Ultimo messaggio
Programma per copiare e specchiare file immagine in massa	marco	Informatica	2	06-21-2013 02:44 PM
Problema col notebook che sfarfalla e scompare l'immagine	marco	Informatica	9	08-06-2010 09:25 PM
Come raddoppiare il cerca verticale in un foglio Excel	Tristano	Informatica	2	03-10-2008 12:14 PM
Css e tirare via il sottolineato da uno span dentro h2	Louis	Informatica	7	02-26-2008 04:51 PM
Formula Excel che cerca verticale e somma i corrispondenti	erika	Informatica	2	12-31-2007 01:14 AM

Menu

Come centrare immagine in verticale dentro un Div col CSS