Come fare per centrare le immagini
Scopri come centrare un'immagine con CSS.
Immagine centrata:
Come centrare le immagini
Passaggio 1) Aggiungi HTML:
Esempio
<img src="paris.jpg" alt="Paris" class="center">
Passaggio 2) Aggiungi CSS:
Per centrare un'immagine, imposta i margini sinistro e destro auto
e trasformala in un block
elemento:
Esempio
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Si noti che non può essere centrato se la larghezza è impostata su 100% (larghezza intera).
Suggerimento: vai al nostro tutorial sulle immagini CSS per saperne di più su come applicare uno stile alle immagini.