Scuola forum (scuo.la) - Forum di discussione per le scuole - Come centrare immagine in verticale dentro un Div col CSS

- Informatica (https://www.scuolaforum.org/informatica/)

- - Come centrare immagine in verticale dentro un Div col CSS (https://www.scuolaforum.org/informatica/3964-come-centrare-immagine-verticale-dentro-un-div-col-css.html)

Come centrare immagine in verticale dentro un Div col CSS

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.

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; }