INHOUDSOPGAWE:

Hoe sentreer ek 'n agtergrondprent in 'n div?
Hoe sentreer ek 'n agtergrondprent in 'n div?

Video: Hoe sentreer ek 'n agtergrondprent in 'n div?

Video: Hoe sentreer ek 'n agtergrondprent in 'n div?
Video: CS50 2015 - Week 7 2024, November
Anonim

Stylblad: CSS

Hoe sentreer ek dan 'n beeld in 'n div?

Om sentreer 'n beeld gebruik teksbelyn: sentrum ; jy moet die plaas

binnekant van 'n blokvlakelement soos 'n div . Aangesien die teksbelyn-eienskap slegs op blokvlakelemente van toepassing is, plaas u teksbelyning: sentrum ; op die wikkelblokvlak-element om 'n horisontaal gesentreerde te verkry

Gevolglik is die vraag, hoe sentreer ek 'n div? Teks-belyningsmetode

  1. Sluit die div wat jy wil sentreer in met 'n ouerelement (algemeen bekend as 'n omhulsel of houer)
  2. Stel "text-align: center" na ouer element.
  3. Stel dan die binne-div op "display: inline-block"

In hierdie verband, hoe sentreer ek 'n agtergrondprent?

Vir sentrum of posisionering van die agtergrondprent jy moet gebruik agtergrond - posisie eiendom. Die agtergrond - posisie eiendom stel die begin posisie van 'n agtergrondprent van bo- en linkerkant van die element. Die CSS-sintaksis is agtergrond - posisie : xwaarde ywaarde;.

Hoe sentreer ek 'n div horisontaal?

Kom ons kyk na die sentrering van a in 'n horisontaal stap vir stap:

  1. Stel die breedte van die buitenste element (d.w.s. 100% dek die hele lyn).
  2. Stel die marge-eienskap op outomaties om die element in die bladsy horisontaal te sentreer.
  3. Stel jou voorkeurkleure vir buitenste en binneste divs met behulp van die agtergrondkleur-eienskap.

Aanbeveel: