CSS ရှိ Flex အစိတ်အပိုင်းများ

ကျွန်ုပ်တို့လေ့လာပြီးသား ဘလောက်မော်ဒယ်အမျိုးအစားများအပြင် အခြားတစ်မျိုးမှာ flex အစိတ်အပိုင်းများ ဖြစ်သည်။ ၎င်းတို့ကို ရရှိရန်၊ ထို အစိတ်အပိုင်းများ၏ မိဘ အား display ဂုဏ်သတ္တိကို flex တန်ဖိုးဖြင့် ရေးသားရန် လိုအပ်သည်။ မိဘသည် ဘလောက်အစိတ်အပိုင်းအဖြစ် ကျန်ရှိနေမည်ဖြစ်ပြီး၊ ၎င်း၏အမျိုးအနွယ်များသည် flex အစိတ်အပိုင်းများ ဖြစ်လာမည်။

Flex အစိတ်အပိုင်းများသည် ဘလောက်အစိတ်အပိုင်းများကဲ့သို့ပင် အကျယ်နှင့်အမြင့်၊ margin နှင့် padding ရှိနိုင်သည်။ သို့သော် ဘလောက်အစိတ်အပိုင်းများနှင့် မတူဘဲ ပုံမှန်အားဖြင့် flex အစိတ်အပိုင်းများသည် ၎င်းတို့၏မိဘ အတွင်း၌ တန်းလိုက် စီစဉ်ထားသည်။

စမ်းကြည့်ကြရအောင်:

<div class="parent">
	<div class="child">1</div>
	<div class="child">2</div>
	<div class="child">3</div>
</div>

.parent {
	display: flex; /* အမျိုးအနွယ်များသည် flex အစိတ်အပိုင်းများ ဖြစ်လာမည် */
	width: 300px;
	height: 200px;
	border: 1px solid red;
}
.child {
	width: 50px;
	height: 50px;
	border: 1px solid green;
}