flex-container xossalari
Flex direction - asosiy o'qning yo'nalishini belgilab beradi va flex
items shu o'qga nisbatan joylashganligi uchun, ularning ham
yo'nalishi belgilanadi
row - (default) yani chapdan ongga yonalgan
row-reverse - ongdan chapga qarab joylashgan items
column-reverse - pastdan tepaga
flex-wrap
elementlarni bir necha qatorga joylashtirsh .
default holatda barcha items olchamidan qati nazar bir qatorda joylashadi
nowrap - default hamma elementlar bir qatorda joylashishga harakat qiladi
wrap - sigmagan element pastki qatorga tushadi
wrap-reverse - 1 chi qator elementlari pastdan tepaga qarab joylashadi
Flex flow - flex-direction va flex-wrap xossalari uchun qisqartma
hisoblanadi
flex-flow : row nowrap ; (default)
birinchi qiymat flex-direction
Justify content - asosiy o'qi bo'ylab elementlarni joylashuvini
belgilaydi va qo'shimcha bo'sh joyni taqsimlashga yordam beradi
flex-end - container oxiriga joylashadi
space-between - container boyicha teng taqsimlanadi va 1-element birinchida oxirigi element oxirida joylashadi
space-around - barcha element atrofida bir xil joy qoladi
space-evenly - elementlar orasida bir xil joy
item lar boyi boyicha joylashadi
stretch - item boyini toldirish uchun choziladi
agar container ga height berilgan bolsa va items ga height berilmagan bolsa ishlaydi
center- containerning boyi boyicha ortaga joylashadi
flex-end - containerning boyi boyicha oxiriga joylashtiradi
flex-start - containerning boyi boyicha boshiga joylashtiradi