Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lära Justera Innehåll Horisontellt | Sektion
CSS-Grunder

bookJustera Innehåll Horisontellt

Svep för att visa menyn

Egenskapen justify-content är avgörande för att bestämma positionen av flexobjekt längs huvudaxeln. Dess standardvärde är flex-start.

justify-content: flex-start | flex-end | center | space-between | space-around;

Vi undersöker varje fall i praktiken. Vi kommer att använda en lista med kort.

flex-start

Standardvärde som placerar alla objekt i början av huvudaxeln.

index.html

index.html

index.css

index.css

copy

flex-end

Alla objekt är placerade vid axelns slut.

index.html

index.html

index.css

index.css

copy

center

Alla objekt är centrerade.

index.html

index.html

index.css

index.css

copy

space-around

Fördelar alla objekt jämnt längs huvudaxeln med lite utrymme kvar i vardera änden.

index.html

index.html

index.css

index.css

copy

space-between

Det är mycket likt space-around förutom att det inte lämnar något utrymme vid axelns båda ändar.

index.html

index.html

index.css

index.css

copy
question mark

Vilket av följande värden för egenskapen justify-content kommer att placera flexobjekt i mitten av en flexbehållare horisontellt?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 16

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Avsnitt 1. Kapitel 16
some-alt