Justera 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;
Låt oss gå igenom varje fall i praktiken. Vi kommer att arbeta med en lista av kort.
flex-start
Standardvärde som placerar alla objekt i början av huvudaxeln.
index.html
index.css
flex-end
Alla objekt är placerade vid axelns slut.
index.html
index.css
center
Alla objekt är centrerade.
index.html
index.css
space-around
Fördelar alla objekt jämnt längs huvudaxeln med lite utrymme kvar i vardera änden.
index.html
index.css
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.css
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
