A flex CSS tulajdonság-rövidítés
A flex tulajdonság a
növekedési, zsugorodási és alapméret tulajdonságok rövidítése.
A rövidített tulajdonságok sorrendje fontos,
és a következő: flex-grow, flex-shrink,
flex-basis. A tulajdonságok
a végétől elhagyhatók, ebben az esetben
az alapértelmezett értéket veszik fel.
Írja át a következő kódot a flex
tulajdonság-rövidítéssel:
.child {
flex-basis: 100px;
flex-grow: 1;
flex-shrink: 2;
}
Írja át a következő kódot a flex
tulajdonság-rövidítéssel:
.child {
flex-shrink: 0.5;
flex-grow: 2;
}
Írja át a következő kódot a flex
tulajdonság-rövidítéssel:
.child {
flex-shrink: 0.5;
flex-grow: 1;
}
Írja át a következő kódot a rövidített tulajdonságokkal:
.child {
flex: 1 2 200px;
}
Írja át a következő kódot a rövidített tulajdonságokkal:
.child {
flex: 2 0.7;
}
Írja át a következő kódot a rövidített tulajdonságokkal:
.child {
flex: 3;
}
