Hoe OM - Sentreer beelde
Leer hoe om 'n prent met CSS te sentreer.
Gesentreerde prent:
Hoe om beelde te sentreer
Stap 1) Voeg HTML by:
Voorbeeld
<img src="paris.jpg" alt="Paris" class="center">
Stap 2) Voeg CSS by:
Om 'n prent te sentreer, stel die linker- en regterkantlyn op auto
en maak dit 'n block
element:
Voorbeeld
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Let daarop dat dit nie gesentreer kan word as die breedte op 100% (volwydte) gestel is nie.
Wenk: Gaan na ons CSS-beelde-tutoriaal om meer te wete te kom oor hoe om beelde te stileer.