CSS-ում flex հատկության-հապավումը
flex հատկությունը ներկայացնում է հապավում
աճման, սեղմման և սկզբնական չափի հատկությունների համար։
Հապավվող հատկությունների հերթականությունը կարևոր է
և այն հետևյալն է՝ flex-grow, flex-shrink,
flex-basis։ Հատկությունները կարելի է բաց թողնել
վերջից, այդ դեպքում դրանք կընդունեն լռելյայն
արժեքը։
Կրկնագրեք հետևյալ կոդը օգտագործելով flex
հատկության-հապավումը.
.child {
flex-basis: 100px;
flex-grow: 1;
flex-shrink: 2;
}
Կրկնագրեք հետևյալ կոդը օգտագործելով flex
հատկության-հապավումը.
.child {
flex-shrink: 0.5;
flex-grow: 2;
}
Կրկնագրեք հետևյալ կոդը օգտագործելով flex
հատկության-հապավումը.
.child {
flex-shrink: 0.5;
flex-grow: 1;
}
Կրկնագրեք հետևյալ կոդը օգտագործելով հապավվող հատկությունները.
.child {
flex: 1 2 200px;
}
Կրկնագրեք հետևյալ կոդը օգտագործելով հապավվող հատկությունները.
.child {
flex: 2 0.7;
}
Կրկնագրեք հետևյալ կոդը օգտագործելով հապավվող հատկությունները.
.child {
flex: 3;
}