CSS grid-column ပိုင်ဆိုင်မှု
ဥပမာ
"item1" ကို ကော်လံ 1 နှင့် ကော်လံ 2 တွင် စတင်ပြုလုပ်ပါ-
.item1 {
grid-column: 1 / span 2;
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှုသည် ဂ ရစ် grid-column
ပစ္စည်းတစ်ခု၏ အရွယ်အစားနှင့် တည်နေရာကို ဇယားကွက်အပြင်အဆင်တွင် သတ်မှတ်ပေးကာ အောက်ပါဂုဏ်သတ္တိများအတွက် လက်တိုပိုင်ဆိုင်မှုတစ်ခုဖြစ်သည်-
မူလတန်ဖိုး: | ကား/ကား |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်တယ် ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS Grid Layout Module အဆင့် ၁ |
JavaScript syntax- | အရာဝတ္ထု .style.gridColumn="2 / span 2" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
grid-column | 57 | 16 | 52 | 10 | 44 |
CSS Syntax
grid-column: grid-column-start /
grid-column-end;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
grid-column-start | Specifies on which column to start displaying the item. |
grid-column-end | Specifies on which column-line to stop displaying the item, or how many columns to span. |
နောက်ထပ် ဥပမာများ
ဥပမာ
ကော်လံများကို ချဲ့ရန်အတွက် ကော်လံနံပါတ်များအစား ကော်လံ-လိုင်းတန်ဖိုးများကို သင်သုံးနိုင်သည်-
.item1 {
grid-column: 1 / 3;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Grid Layout