CSS တွင် Flex block များကို ကျုံ့ခြင်းအပေါ် မိဘအကျယ်၏ ရာခိုင်နှုန်းအကျိုးသက်ရောက်မှု

ယခု ကျွန်ုပ်တို့မှာ တန်းလိုက်တည်ရှိနေသော flex အစိတ်အပိုင်းငါးခု ရှိသည်ဆိုပါစို့။ မိဘ element ၏ width ကို ရာခိုင်နှုန်းဖြင့်သတ်မှတ်ပါမည်။ ထို့နောက် ကလေး element အားလုံးကို width 100px ဖြင့် သတ်မှတ်ပါမည်။

အောက်ပါ နမူနာကိုဖွင့်ပြီး ကလေး element များ မိဘ element အတွင်းသို့ နေရာမကျန်တော့သည်အထိ browser window ကိုကျုံ့ကြည့်ပါ။ ထိုသို့ပြုလုပ်ရန် window ကို 500px အောက်သို့ ကျုံ့ရပါမည်။ အကြောင်းမှာ ကျွန်ုပ်တို့တွင် 5 ခုရှိသော element တစ်ခုစီသည် 100px ရှိသောကြောင့်ဖြစ်သည်။ သင်သိပြီးသည့်အတိုင်း ထိုသို့ကျုံ့လိုက်သည့်အခါ browser သည် ကလေး element များအား 100px အောက်သို့ မိဘ element အတွင်းသို့ ဆန့်ကျင်၍ ကျုံ့သွားစေပါလိမ့်မည်။ ဒါကြောင့် နမူနာက အောက်ပါအတိုင်းဖြစ်ပါသည်။