CSS Grids မိတ်ဆက်
CSS Grids သည် ဒြပ်စင်များကို ရေပြင်ညီနှင့် ထောင်လိုက် တစ်ပြိုင်နက် ထည့်သွင်းရန် နည်းလမ်းတစ်ခု ဖြစ်သည်။ ၎င်းသည် flex များနှင့် နှိုင်းယှဉ်လျှင် ပိုမိုအဆင့်မြှင့်ထားသော နည်းလမ်းဖြစ်သော်လည်း ကျွမ်းကျင်ရန် ပိုမိုခက်ခဲပါသည်။
Grid တစ်ခု ပြုလုပ်ရန်၊ အစိတ်အပိုင်းတစ်ခုကို display property ကို
grid တန်ဖိုးဖြင့် သတ်မှတ်ပေးရပါမည်။
<div id="parent">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
#parent {
display: grid;
}
၎င်းနောက်တွင် အစိတ်အပိုင်းသည် ဒြပ်စင်များ ထောင်လိုက် (ကော်လံများ) နှင့် ရေပြင်ညီ (အတန်းများ) အလိုက် နေရာချထားသည့် ဒွါဒ ဂရစ်ကွက်တစ်ခုအဖြစ် ပြောင်းလဲသွားပါမည်။ ကော်လံနှင့် အတန်း ဆုံချက်ရှိ နေရာကို ဆဲလ် ဟု ခေါ်ပါသည်။
အထူး properties များကို အသုံးပြု၍ ဒြပ်စင်များကို အတန်းများနှင့် ကော်လံများအလိုက် နေရာချထားနိုင်ပါမည်။ ၎င်းသည် ဥပမာ ဤကဲ့သို့သော အရာများကို လွယ်ကူစွာ ပြုလုပ်နိုင်စေပါမည်။
ရှေ့သင်ခန်းစာများတွင် ကျွန်ုပ်တို့သည် ပထမဦးစွာ ကော်လံများအလိုက် ဒြပ်စင်များ နေရာချထားခြင်းကို လေ့လာပါမည်၊ ထို့နောက် အတန်းများကို လေ့လာရန် ကူးပြောင်းပါမည်၊ ပြီးနောက် ဤအရာအားလုံးကို အတူတကွ ပေါင်းစည်းပါမည်။
