flexbox

Ինչու է արդյունավետ flexbox -ի կիրառությունը

• Այն գեղեցիկ է դարձնում տեքստերը

• Արդյունավետ չի կիրաությունը

• Այն ապահովում է կայքի ճկունությունը տարբեր էկրանների դեպքում:

• Այն ապահովում է կայքի գունային համադրությունը

Ինչպես սահմանել flexbox հատկությունը

• display:inline;

• display:flex;

• display:flexbox;

• display:block;

Որ էլեմենտի վրա ենք օգտագործում flexbox-ը

• ծնող էլեմենտի

• երեխա էլեմենտի

• բոլոր էլեմենտների

• նշվածներից բոլորը

Ինչպես flexbox-ի միջոցով էլեմենտները դասավորել վերևից ներքև

• flex-direction:row-reverse;

• flex-direction-row;

• flex-direction:column;

• flex-direction:column-reverse;

Ինչպես flexbox-ի միջոցով էլեմենտները դասավորել ներքևից վերև:

• flex-direction:row-reverse;

• flex-direction:row;

• flex-direction:column;

• flex-direction:column-reverse;

flexbox-ի որ հատկությամբ դասավորել էլեմենտները մեկից ավելի տողերում

• flex-wrap:nowrap;

• flex-wrap:wrap;

• flex-wrap:wrap-reverse;

• flexbox-wrap:nowrap;

Ինչպես էլեմենտները դասավորել հորիզոնական հարթության վրա

• flex-wrap:

• justify-content:

• align-items:

• align-self:

Ինչպես սահմանենք, որ էլեմենտը մեծանա իր չափով

• չկա նման եղանակ flexbox-ի դեպքում

• flex-size

• flex-grow

• flex-shrink

flexbox-ի որ հատկությամբ տեղափոխել առանձին էլեմենտները

• flex-order:

• order

• flex-direction

• flex-wrap

Գրեք այն հատկությունը, որով էլեմենտները կդասավորեք ներքևից վերև