CSS dagi Fleks Elementlar
Biz o'rgangan blok modellari turlaridan tashqari
yana bittasi mavjud - fleks elementlar. Buning uchun
ota elementga
display xususiyatini
flex qiymatida belgilash kerak.
Ota elementning o'zi blok element bo'lib qoladi,
lekin uning voris elementlari fleks elementlarga aylanadi.
Fleks elementlar, xuddi blok elementlar kabi
en va bo'ylikka ega bo'lishi mumkin, shuningdek
margin va padding.
Biroq, blok elementlardan farqli o'laroq,
standart holatda fleks elementlar
ota element ichida qator bo'yicha joylashadi.
Keling, sinab ko'ramiz:
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
</div>
.parent {
display: flex; /* voris elementlar fleks elementlar bo'ladi */
width: 300px;
height: 200px;
border: 1px solid red;
}
.child {
width: 50px;
height: 50px;
border: 1px solid green;
}
:
