grid-auto-rows ဂုဏ်သတ္တိ

grid-auto-rows ဂုဏ်သတ္တိသည် အလိုအလျောက် ဂရစ်တွင် အစိတ်အပိုင်းတစ်ခု သိမ်းပိုက်မည့် အတန်းများ၏ အရေအတွက်နှင့် အကျယ်ကို သတ်မှတ်ပေးသည်။ အလိုအလျောက် ဂရစ် ဆိုသည်မှာ အစိတ်အပိုင်းများသည် သတ်မှတ်ပြီးသား ဂရစ်၏ နယ်နိမိတ်များကို ကျော်လွန်သွားသောအခါ အလိုအလျောက် ဖန်တီးသော ဂရစ်ဖြစ်သည်။ ဂုဏ်သတ္တိ၏ တန်ဖိုးတွင် အတန်းများ၏ အကျယ်ကို မည်သည့် အရွယ်အစား ယူနစ်များ ဖြင့်မဆို ဖော်ပြရသည်။ ဂုဏ်သတ္တိကို မိဘအစိတ်အပိုင်းတွင် ဖော်ပြပြီး ၎င်းသည် သားသမီးအစိတ်အပိုင်းများ၏ အတန်းများ၏ အကျယ်ကို သတ်မှတ်ပေးသည်။

ဝါကျဖွဲ့ထုံး

ရွေးချယ်သူ {
	grid-auto-rows: အတန်းအကျယ်;
}

ဥပမာ

ကျွန်ုပ်တို့၏ အလိုအလျောက် ဂရစ်ရှိ အစိတ်အပိုင်းများအတွက် အတန်းများ၏ အကျယ်ကို သတ်မှတ်ကြပါစို့။

<div id="parent">
	<div id="elem1">1</div>
	<div id="elem2">2</div>
	<div id="elem3">3</div>
	<div id="elem4">4</div>
	<div id="elem5">5</div>
</div>

#parent {
	display: grid;
	grid-template-columns: 100px 200px;
	grid-auto-rows: 40px 60px 80px;
	border: 2px solid #696989;
	padding: 10px;
}
#parent > div {
	padding: 10px;
	border: 1px solid #696989;
}

ဒီလည်း ကြည့်ပါ

grid-auto-columns ဂုဏ်သတ္တိ,
အလိုအလျောက် ဂရစ်တွင် ကော်လံများ၏ အရေအတွက်နှင့် အကျယ်ကို သတ်မှတ်ပေးသည်
grid-template-rows ဂုဏ်သတ္တိ,
ဂရစ်တွင် အတန်းများ၏ အရေအတွက်နှင့် အကျယ်ကို သတ်မှတ်ပေးသည်