Innholdsfortegnelse:

Hvordan sentrerer jeg et bakgrunnsbilde i en div?
Hvordan sentrerer jeg et bakgrunnsbilde i en div?

Video: Hvordan sentrerer jeg et bakgrunnsbilde i en div?

Video: Hvordan sentrerer jeg et bakgrunnsbilde i en div?
Video: MASTERCLASS - HOW TO BUILD THE PERFECT AQUASCAPE FOR CONTESTS - BY WORLD CHAMPION JOSH SIM 2024, Kan
Anonim

Stilark: CSS

Så, hvordan sentrerer jeg et bilde i en div?

Til sentrere et bilde ved å bruke tekstjustering: senter ; du må plassere

innsiden av et blokknivåelement som f.eks div . Siden tekstjusteringsegenskapen bare gjelder for blokknivåelementer, plasserer du tekstjustering: senter ; på innpakningsblokknivåelementet for å oppnå en horisontalt sentrert

Deretter er spørsmålet, hvordan sentrerer jeg en div? Tekstjusteringsmetode

  1. Omslutt div-en du vil sentrere med et overordnet element (ofte kjent som en wrapper eller beholder)
  2. Sett "text-align: center" til overordnet element.
  3. Sett deretter innsiden av div til "display: inline-block"

I denne forbindelse, hvordan sentrerer jeg et bakgrunnsbilde?

Til senter eller plassering av bakgrunnsbilde du bør bruke bakgrunn - posisjon eiendom. De bakgrunn - posisjon egenskapen setter starten posisjon av en bakgrunnsbilde fra toppen og venstre side av elementet. CSS-syntaksen er bakgrunn - posisjon : xverdi yverdi;.

Hvordan sentrerer jeg en div horisontalt?

La oss se sentrering av a horisontalt trinn for trinn:

  1. Still inn bredden på det ytre elementet (dvs. 100 % dekker hele linjen).
  2. Sett margegenskapen til auto for å sentrere elementet horisontalt på siden.
  3. Angi dine foretrukne farger for ytre og indre div ved hjelp av bakgrunnsfargeegenskapen.

Anbefalt: