Flex-egenskapen i CSS
Egenskapen flex er en snarvei
for egenskapene vekst, krymping og basisstørrelse.
Rekkefølgen på egenskapene har betydning
og er som følger: flex-grow, flex-shrink,
flex-basis. Egenskaper kan utelates
fra slutten, i så fall vil de ta standardverdien.
Skriv om følgende kode ved å bruke snarveisegenskapen
flex:
.child {
flex-basis: 100px;
flex-grow: 1;
flex-shrink: 2;
}
Skriv om følgende kode ved å bruke snarveisegenskapen
flex:
.child {
flex-shrink: 0.5;
flex-grow: 2;
}
Skriv om følgende kode ved å bruke snarveisegenskapen
flex:
.child {
flex-shrink: 0.5;
flex-grow: 1;
}
Skriv om følgende kode ved å bruke de utvidede egenskapene:
.child {
flex: 1 2 200px;
}
Skriv om følgende kode ved å bruke de utvidede egenskapene:
.child {
flex: 2 0.7;
}
Skriv om følgende kode ved å bruke de utvidede egenskapene:
.child {
flex: 3;
}
