စက်အိတ် အကြိုး အကိုးအချုပ်
- အရှေ့စာ grid-gap
- နောက်ပိုင်းစာ grid-row-end
အသုံးပြုခြင်း နှင့် ဖော်ပြ
grid-row ဘာသာပြန်လွှတ်ရေး သည် လှည့်ပတ် အရွယ်အစား နှင့် လှည့်ပတ် အချက်အလက် အရှိန် ကို ဖော်ပြသည်၊ သို့မဟုတ် အဆိုပါ ဘာသာပြန်လွှတ်ရေး သည် အဆိုပါ ဘာသာပြန်လွှတ်ရေး ကို အသုံးပြုသည်。
အခြား ကြည့်ချင်သောအခါ
CSS ပြောဆိုချက်：CSS လှည့်ပတ် အချက်အလက်
အမှတ်
အမှတ် 1
"item1" ကို တွဲစည်း 1 မှ စတင်၍ နှစ်ဖက်လုံး လှည့်ပတ် ကြည့်ပါ၏。
.item1 {
grid-row: 1 / span 2;
}
အမှတ် 2
သင်သည် အကြမ်းချိန်း အချက်အလက် အား အသုံးပြုနိုင်ပါ၏ သို့မဟုတ် လှည့်ပတ် တွဲစည်းအချက်အလက် အား အသုံးပြုနိုင်ပါ၏。
.item1 {
grid-row: 1 / 3;
}
CSS ဘာသာစကား
grid-row: grid-row-start / grid-row-end;
ဘာသာပြန်လွှတ်ရေး အချက်အလက်
| ဘာသာပြန်လွှတ်ရေး | ဖော်ပြ |
|---|---|
| grid-row-start | တွဲစည်းတခုတွင် ပြောင်းလဲသွားသော အချက်အလက် ဖော်ပြခြင်း သို့မဟုတ် အသုံးပြုထားသော တွဲစည်းအချက်အလက် ကို ဖော်ပြချက် ဖြစ်သည်。 |
| grid-row-end | တွဲစည်းတခုတွင် ပြောင်းလဲသွားသော အချက်အလက် ဖော်ပြခြင်း သို့မဟုတ် အသုံးပြုထားသော တွဲစည်းအချက်အလက် ကို ဖော်ပြချက် ဖြစ်သည်。 |
နည်းပါးများ
| မူကျခဏ်းချက်： | auto / auto |
|---|---|
| ဆက်နွယ်ခြင်း： | မမရှိ |
| လှည့်ပတ် ပြုလုပ်ခြင်း： | ကူညီလှည့်ပတ် သတင်းအချက်အလက်。 |
| ပုံစံ： | CSS Grid Layout Module Level 1 |
| JavaScript ဘာသာစကား： | object.style.gridRow="2 / span 2" |
ဘာသာပြန်လွှတ်ရေး ကူညီ
တွဲစည်းတခုတွင် ဖော်ပြထားသော နည်းပြည်းအချက်အလက် သည် အကျိုးဆက်သွယ်ထားသော ဘာသာပြန်လွှတ်ရေး ကို အပြောပြချက် ဖြစ်သည်。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- အရှေ့စာ grid-gap
- နောက်ပိုင်းစာ grid-row-end
