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