ဘရောက်ဆာအချက်ပြစက်ထဲတွင် Grid များကို ကြည့်ရှုခြင်း

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

Chrome ဘရောက်ဆာရှိ အချက်ပြစက်ကို ဥပမာအဖြစ်ယူကာ Grid တစ်ခုကို ကြည့်ရှုကြပါစို့။ ပထမဦးစွာ ကျွန်ုပ်တို့ စိတ်ဝင်စားသော Grid ပါရှိသည့် object ကို ရွေးပါ။ ညာဘက်မောက်စ်ခလုတ်ဖြင့် နှိပ်ကာ စာရင်းမှ ရွေးစရာ 'Inspect' ကို ရွေးပါ။

ယခု ဘရောက်ဆာ၏ ညာဘက်ပွင့်လာသော panel ထဲတွင် ကျွန်ုပ်တို့၏ Grid ပါရှိသည့် object ပေါ်သို့ မောက်စ်ကာဆာကို ရွှေ့ပါ။ မိဘအစိတ်အပိုင်း ဘေးရှိ မျဉ်းတန်းတွင် ခလုတ်တစ်ခု grid ရှိသည်ကို သတိပြုမိပါမည်။

ခလုတ် grid ကို နှိပ်ပြီးနောက်၊ ကျွန်ုပ်တို့၏ object သည် အကော်လံများနှင့် အတန်းများ အားလုံး၏ နံပါတ်များကို ညွှန်ပြသော၊ မြင်သာထင်ရှားသည့် Grid စနစ်ဖြင့် ပြသထားသည်ကို တွေ့ရပါမည်။

ယခု အချက်ပြစက်ထဲရှိ panel ကို အာရုံစိုက်ပါ။ ၎င်းတွင် Styles, Computed, Layout နှင့် အခြားရွေးစရာများ ပါဝင်ပါသည်။ စံထားသည့်အတိုင်း အသက်ဝင်နေသော Styles ရွေးစရာမှ Layout ရွေးစရာသို့ ပြောင်းလဲပါ။ သင့် Grid ၏ သတ်မှတ်ချက်များ စာရင်းကို တွေ့ရပါမည်။

ပထမ ရွေးစရာ Show track sizes ကို ပြသရန် ရွေးကြည့်ပါစို့။ ၎င်းသည် track များ၏ အရွယ်အစားကို ပြသပေးပါသည်။

Show area names ရွေးစရာကို အသုံးပြု၍ Grid ၏ နေရာအမည်များကို ပြသနိုင်ပါသည်၊ အကယ်၍ ၎င်းတို့ကို သတ်မှတ်ထားပါက။ ထို့အပြင် Extend grid lines ရွေးစရာကို ရွေးခြင်းဖြင့် Grid ၏ နယ်နိမိတ်အပြင်သို့ ဆန့်ထုတ်ထားသော track မျဉ်းများကို မြင်တွေ့ရပါမည်။