Web Design ထဲမှာ padding နဲ့မာဂျင်အကြားခြားနားချက်ကိုကျက်

နှစ်ခုဒီလမ်းညွှန်နှင့်အတူခွဲခြား

သငျသညျ padding နဲ့မာဂျင်အကြားကွာခြားချက်ကဘာလဲဆိုတာမသိလျှင်, သင်တစ်ယောက်တည်းမဟုတ်ပါဘူး။ ဒါဟာမကြာခဏမေးခွန်းမေးမယ့်နှင့်များစွာသော stumped ထားပါတယ် က်ဘ်ဒီဇိုင်နာ ။ ဒီလျင်မြန်သင်ခန်းစာနှင့်အတူ, နှစ်ခုအကြားခွဲခြားရန်သင်ယူကြသည်။

ခြားနားချက်ကိုနားလည်ခြင်း

မာဂျင်နှင့် padding ကို အဆိုပါအတွေ့အကြုံမရှိသေးသောက်ဘ်ဒီဇိုင်နာနှင့်ပိုပြီးအတွေ့အကြုံနှင့်အတူတစ်ခါတစ်ရံတွင်ပင်ဒီဇိုင်နာများမှရှုပ်ထွေးစေနိုင်ပါတယ်။ ပုံတစ်ပုံသို့မဟုတ်အရာဝတ္ထုန်းကျင်က white space: ပြီးနောက်ရှိသမျှတို့, တချို့နည်းလမ်းတွေ, သူတို့သည်တူညီသောအရာနှင့်တူပုံရသည်။

padding ရိုးရှင်းစွာနယ်စပ်အကြားနယ်စပ်အတွင်းရှိအာကာသနှင့်အမှန်တကယ်ပုံသို့မဟုတ်ဆဲလ်ရဲ့ contents ဖြစ်ပါတယ်။ image ကိုခုနှစ်, padding ကိုရဲ့ contents န်းကျင်အဝါရောင်ဧရိယာဖြစ်ပါတယ်။ padding ကိုရဲ့ contents န်းကျင်လုံးဝဝင်သတိပြုပါ။ သငျသညျထိပ်ပေါ်မှာ padding ကို, အောက်ခြေညာဘက်နှင့်ဘယ်ဘက်ကိုနှစ်ဖက်တွေ့ပါလိမ့်မယ်။

အခြားတစ်ဖက်တွင်, မာဂျင်နယ်စပ်နှင့်ဤအရာဝတ္ထုမှလာမယ့်အခြားဒြပ်စင်များအကြား, နယ်စပ်အပြင်ဘက်နေရာများဖြစ်ကြသည်။ image ကိုမှာအနားသတ်တစ်ခုလုံးကိုအရာဝတ္ထုပြင် wite ဧရိယာဖြစ်ပါတယ်။ အဆိုပါ padding ကိုကဲ့သို့, margin ဆိုတာ contents တွေကိုပတ်ပတ်လည်လုံးဝဝင်, သတိပြုပါ။ ထိပ်ပေါ်မာဂျင်, အောက်ခြေညာဘက်နှင့်ဘယ်ဘက်ကိုနှစ်ဖက်ရှိပါတယ်။

အသုံးဝင်သောသိကောင်းစရာများ

သငျသညျထိုကဲ့သို့သောက Internet Explorer အဖြစ်အချို့သော browser များ, မှန်ကန်စွာ box ကိုမော်ဒယ်အကောင်အထည်ဖော်မမာဂျင်နှင့် padding ကိုအတူကယ့်ကိုဖန်စီသောအရာတို့ကိုလုပ်နေတာအပေါ်စီစဉ်နေကြသည်လျှင်စိတ်ကိုထားပါ။ ဒါဟာသင့်ရဲ့စာမကျြနှာကိုအခြား browser များတွင်ကွဲပြားခြားနားသော (တခါတရံစှာကွဲပြားခြားနားသော) ကြည့်ရှုမည်ကိုဆိုလိုသည်။