Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Kontrollere Retning | Seksjon
CSS-Grunnleggende

Kontrollere Retning

Sveip for å vise menyen

Egenskapen flex-direction lar oss bestemme retningen flex-elementene plasseres i. Som standard er denne egenskapen satt til row, noe som gir en venstre-til-høyre-layout i nettlesere som bruker engelsk som standardspråk. Du kan angi den til:

flex-direction: row | column | row-reverse | column-reverse;

Vi kan bruke følgende nettstednavigasjon som et eksempel.

row

index.html

index.html

index.css

index.css

row-reverse

index.html

index.html

index.css

index.css

column

Vær oppmerksom på bredden på elementene; de dekker hele bredden til forelderen.

index.html

index.html

index.css

index.css

column-reverse

index.html

index.html

index.css

index.css

question mark

Hva gjør egenskapen flex-direction?

Velg det helt riktige svaret

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 15

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Kontrollere Retning

Egenskapen flex-direction lar oss bestemme retningen flex-elementene plasseres i. Som standard er denne egenskapen satt til row, noe som gir en venstre-til-høyre-layout i nettlesere som bruker engelsk som standardspråk. Du kan angi den til:

flex-direction: row | column | row-reverse | column-reverse;

Vi kan bruke følgende nettstednavigasjon som et eksempel.

row

index.html

index.html

index.css

index.css

row-reverse

index.html

index.html

index.css

index.css

column

Vær oppmerksom på bredden på elementene; de dekker hele bredden til forelderen.

index.html

index.html

index.css

index.css

column-reverse

index.html

index.html

index.css

index.css

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 15
some-alt