Varför Flexbox Finns
Svep för att visa menyn
Flexbox, kort för Flexible Box Layout, är en CSS-modul utformad för att förenkla justering, fördelning och organisering av element inom en behållare.
Flexbox använder en förälder-barn-relation. Föräldern kallas flexbehållare, som styr layouten. Barnen kallas flexobjekt, vars storlek, position och ordning kan styras med flexbox-egenskaper.
Flexbox beter sig annorlunda än block- och inline-element. Till skillnad från blockelement staplas inte flexobjekt vertikalt; de justeras i en rad eller kolumn som standard. Dessutom sträcker sig inte marginalerna vid behållarens kanter utanför dess gränser.
Flexbox i praktiken
Flexbox fungerar genom att justera objekt längs axlarna i flexbehållaren. För att aktivera Flexbox, tillämpa helt enkelt egenskapen display: flex; på förälderelementet. Därefter kan du anpassa hur objekten justeras och fördelas inom behållaren.
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
