CSS တွင် margin အကွာအဝေးများနှင့် အလုပ်လုပ်ခြင်း
ယခုကျွန်ုပ်တို့သည် ဝဘ်ဆိုက်ရှိ အရာဝတ္ထုများအကြား အကွာအဝေးကို သတ်မှတ်ပေးသော
margin ဂုဏ်သတ္တိကို လေ့လာပါမည်။
ဤအရာကို လက်တွေ့တွင် မည်သို့ပုံပေါ်သည်ကို ကြည့်ကြပါစို့။
အစပိုင်းအနေနှင့် margin မပါသော (သူတို့သည် တစ်ခုနှင့်တစ်ခု ကပ်နေပြီး နှစ်ထပ်နယ်နိမိတ်ကို မြင်တွေ့ရမည်)
တစ်ခုထဲတွင် တစ်ခုထည့်ထားသော ဘလောက်နှစ်ခုကို သင့်အား ပြသပါမည်။
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
}
:
ယခုအခါတွင် အတွင်းပိုင်းဘလောက်အတွက် margin ကို
30px သတ်မှတ်ကြပါစို့။
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
margin: 30px;
}
:
