Align-items: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) |
PGJ (diskussion | bidrag) |
||
Rad 18: | Rad 18: | ||
|} | |} | ||
<code>flex-start</code> | <code>flex-start</code> flexinnehållets toppkant flyttas mot korsaxelns start. | ||
<code>flex-end</code> | <code>flex-end</code> flexinnehållets bottenkant flyttas mot korsaxelns slut. | ||
<code>center</code> | <code>center</code> flexinnehållet center justeras mellan korsaxelns start och slut. | ||
<code>baseline</code> | <code>baseline</code> allt flexinnehålls justeras så att deras baslinjer sammanfaller. | ||
<code>stretch</code> flexinnehållet sträcks ut längs hela korsaxeln. | |||
== Exempel == | == Exempel == |
Versionen från 21 augusti 2015 kl. 14.58
Justerar en flexboxs innehåll längsmed korsaxeln. Se denna sektion för mer utförlig information.
Egenskaper
Parametrar | flex-start | flex-end | center | baseline | stretch
|
Defaultvärde | stretch
|
Ärvs? | Nej |
Animerbart? | Nej |
Fungerar med... | Flexbehållare |
flex-start
flexinnehållets toppkant flyttas mot korsaxelns start.
flex-end
flexinnehållets bottenkant flyttas mot korsaxelns slut.
center
flexinnehållet center justeras mellan korsaxelns start och slut.
baseline
allt flexinnehålls justeras så att deras baslinjer sammanfaller.
stretch
flexinnehållet sträcks ut längs hela korsaxeln.