CSS-egenskapen flex
Egenskapen flex är en sammanfattande egenskap
för tillväxt, krympning och storlek.
Ordningen på de sammanslagna egenskaperna är viktig
och är följande: flex-grow, flex-shrink,
flex-basis. Egenskaper kan utelämnas
från slutet, i så fall kommer de att anta standardvärden.
Skriv om följande kod med hjälp av sammanfattande egenskapen
flex:
.child {
flex-basis: 100px;
flex-grow: 1;
flex-shrink: 2;
}
Skriv om följande kod med hjälp av sammanfattande egenskapen
flex:
.child {
flex-shrink: 0.5;
flex-grow: 2;
}
Skriv om följande kod med hjälp av sammanfattande egenskapen
flex:
.child {
flex-shrink: 0.5;
flex-grow: 1;
}
Skriv om följande kod med de separata egenskaperna:
.child {
flex: 1 2 200px;
}
Skriv om följande kod med de separata egenskaperna:
.child {
flex: 2 0.7;
}
Skriv om följande kod med de separata egenskaperna:
.child {
flex: 3;
}
