CSS တွင် margin အကွာအဝေးများနှင့် အလုပ်လုပ်ခြင်း

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

အစပိုင်းအနေနှင့် margin မပါသော (သူတို့သည် တစ်ခုနှင့်တစ်ခု ကပ်နေပြီး နှစ်ထပ်နယ်နိမိတ်ကို မြင်တွေ့ရမည်) တစ်ခုထဲတွင် တစ်ခုထည့်ထားသော ဘလောက်နှစ်ခုကို သင့်အား ပြသပါမည်။

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

css#parent {
  width: 300px;
  border: 1px solid red;
}
#child {
  height: 100px;
  border: 1px solid green;
}

Результат:

ယခုအခါတွင် အတွင်းပိုင်းဘလောက်အတွက် margin ကို 30px သတ်မှတ်ကြပါစို့။

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

css#parent {
  width: 300px;
  border: 1px solid red;
}

#child {
  height: 100px;
  border: 1px solid green;
  margin: 30px;
}

Результат: