CSS Flexbox
၁
၂
၃
၄
၅
၆
၇
၈
CSS Flexbox Layout Module
Flexbox Layout module မတိုင်မီ၊ layout mode လေးခုရှိပါသည်-
- ဝဘ်စာမျက်နှာရှိ ကဏ္ဍများအတွက် ပိတ်ပါ။
- စာကြောင်းအတွက်၊
- နှစ်ဖက်မြင်ဇယားဒေတာအတွက် ဇယား
- ဒြပ်စင်တစ်ခု၏ ရှင်းလင်းပြတ်သားသော အနေအထားအတွက် နေရာယူထားသည်။
Flexible Box Layout Module သည် float သို့မဟုတ် positioning ကိုအသုံးမပြုဘဲ ပြောင်းလွယ်ပြင်လွယ် တုံ့ပြန်နိုင်သော အပြင်အဆင်ပုံစံကို ဒီဇိုင်းဆွဲရန် ပိုမိုလွယ်ကူစေသည်။
Browser ပံ့ပိုးမှု
flexbox ဂုဏ်သတ္တိများကို ခေတ်မီဘရောက်ဆာများအားလုံးတွင် ပံ့ပိုးထားသည်။
29.0 | 11.0 | 22.0 | 10 | 48 |
Flexbox ဒြပ်စင်များ
Flexbox မော်ဒယ်ကို စတင်အသုံးပြုရန်၊ သင်သည် flex container ကို ဦးစွာ သတ်မှတ်ရန် လိုအပ်သည်။
၁
၂
၃
အထက်ဖော်ပြပါဒြပ်စင်သည် flex container (အပြာရောင်ဧရိယာ) ကိုကိုယ်စားပြုသည့်အရာသုံးခုပါရှိသည်။
ဥပမာ
အချက်သုံးချက်ပါသည့် flex container တစ်ခု
<div
class="flex-container">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
နောက်အခန်းများတွင် flex containers နှင့် flex items များအကြောင်း ပိုမိုလေ့လာနိုင်မည်ဖြစ်ပါသည်။