Hoe - Afbeeldingen centreren
Leer hoe u een afbeelding centreert met CSS.
Gecentreerde afbeelding:
Afbeeldingen centreren
Stap 1) HTML toevoegen:
Voorbeeld
<img src="paris.jpg" alt="Paris" class="center">
Stap 2) CSS toevoegen:
Om een afbeelding te centreren, stelt u de linker- en rechtermarge in op auto
en maakt u er een block
element van:
Voorbeeld
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Merk op dat het niet kan worden gecentreerd als de breedte is ingesteld op 100% (volledige breedte).
Tip: ga naar onze zelfstudie CSS-afbeeldingen voor meer informatie over het opmaken van afbeeldingen.