CSS တွင် ဘလောက်အစိတ်အပိုင်းတစ်ခုကို ဘယ်ဘက်ခြမ်းမှ အကွာအဝေးဖြင့် ညှိခြင်း

margin အတွက် auto တန်ဖိုးသည် တကယ်တော့ အလယ်ဗဟိုရောက်ရုံသာမက လုပ်ဆောင်ပေးနိုင်ပါသည်။ အမှန်တကယ်မှာ ဤတန်ဖိုးသည် အကွာအဝေးကို အလိုအလျောက်တွက်ချက်ပြီး အများဆုံးဖြစ်နိုင်သမျှ ပြုလုပ်ပေးနိုင်ပါသည်။ ကျွန်ုပ်တို့သည် ဘယ်ဘက်နှင့် ညာဘက်အကွာအဝေးအတွက် auto ကိုသတ်မှတ်သောအခါ - အစိတ်အပိုင်းသည် အလယ်ဗဟိုသို့ရောက်ရှိသွားပါသည်။

သို့သော် ဘယ်ဘက်အကွာအဝေးကိုသာ သတ်မှတ်နိုင်ပါသည်။ ဤအခြေအနေတွင် အစိတ်အပိုင်းသည် ဘယ်ဘက်မှ အများဆုံးဖြစ်နိုင်သည့် အကွာအဝေးကိုရရှိပြီး အလှမ်းဝေးဆုံးညာဘက် အနေအထားသို့ ရောက်ရှိသွားမည်ဖြစ်သည်:

html<div class="parent">
  <div class="child"></div>
</div>

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* အလိုအလျောက် ဘယ်ဘက်အကွာအဝေးကို သတ်မှတ်သည် */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: