DEV Community

Miss_code_creaker
Miss_code_creaker

Posted on

4-qism Flebox: order, flex-grow va flex-shrink

●Order - flex container ichida flex items odatiy oqimga (flow) ko'ra joylashadi, ya'ni html kodda birinchi yozilgan flex item veb sahifasida ham birinchi keladi, lekin order xossasi bu oqimni o'zgartirishi mumkin va flex items ketma-ketligini belgilab beradi.

●Flex grow - "flex item"ni kerak payti o'z o'lchovini qanday oshirishini belgilab beradi. U son ko'rinishidagi qiymat qabul qilib, bo'sh qolgan joyni qancha qismini egallashni ko'rsatib beradi. Default qiymati 0 hisoblanadi.

●Flex shrink - "flex item"ni kerak payti o'z o'lchovini qanday kichraytirishni belgilab beradi. U son ko'rinishidagi qiymat qabul qilib, joy qolmayotgan payti element qanday suratda kichrayishini belgilab beradi. Default qiymati 1 hisoblanadi.

Top comments (0)