CSS ရှိ မိဘ element အပေါ်တွင် flex element များကို ညှိခြင်း

justify-content property တွင် သတ်မှတ်ထားသော space-between တန်ဖိုးသည် element များကို မိဘ element အပေါ်တွင် ညီမျှစွာ ဖြန့်ကျက်ရန် ခွင့်ပြုပါသည်။ ထိုအခါ ၎င်းတို့ကြားရှိ အကွာအဝေးကို အော်တိုမတ်တစ်အလိုအလျောက် တွက်ချက်ပါသည်။ ပထမ element သည် ဘယ်ဘက်အစွန်းသို့ ကပ်သွားမည်ဖြစ်ပြီး နောက်ဆုံး element သည် ညာဘက်အစွန်းသို့ ကပ်သွားမည်။

ဥပမာတစ်ခုကြည့်ကြပါစို့:

css.parent {
  display: flex;
  justify-content: space-between;
}

ကုဒ်ကို run ပြီးနောက် ရလဒ်: