စီစ်တိုက်ခွဲထားသော အခြေခံ အားကစား အကိုးအကာ

အဆိုပါ အချက်အလက် အကျိုးသက်ရောက်မှု နှင့် အသုံးပြုခြင်း

grid-column-end အချက်အလက် အစိတ်အပိုင်း က အစိတ်အပိုင်း အရာဝတ္တု က အစိတ်အပိုင်း အရာဝတ္တု အချို့ လျှောက် ဖြတ်သန်းလိမ့်မည် သို့မဟုတ် အစိတ်အပိုင်း အရာဝတ္တု က အစိတ်အပိုင်း ပြင်ဘက် လျှောက် ပြတ်လိမ့်မည်

အောက်ပါ အမှတ်အသား ကို ကြည့်ပါ

အခြား ကြည့်ရန်:

CSS ပရိုဂရမ်:CSS နောက်ဆက်တွဲပုံ

အမှတ်

အမှတ် 1

"item1" ကို အစိတ်အပိုင်း ၃ လျှောက် ဖြတ်သန်းစေရန်:

.item1 {
  grid-column-end: span 3;
}

ကိုယ်တိုင် စစ်ဆေးကြည့်ပါ

အမှတ် 2

အစိတ်အပိုင်း အချက်အလက် ကို အစိတ်အပိုင်း အရာဝတ္တု ကို ပေးအပ်နိုင်သည်:

.item1 {
  grid-column-end: 3;
}

ကိုယ်တိုင် စစ်ဆေးကြည့်ပါ

CSS ဘာသာစကား

grid-column-end: auto|span n|column-line;

အချက်အလက် အရ

အချက်အလက် ဖော်ပြ
auto မူကြမ်း အရ: အစိတ်အပိုင်း တစ်လျှောက် ဖြတ်သန်းလိမ့်မည်
span n ပြင်ဆင်ထားသော အချက်အလက် အစိတ်အပိုင်း က အစိတ်အပိုင်း တစ်လျှောက် ဖြတ်သန်းလိမ့်မည့် အစိတ်အပိုင်း အရာဝတ္တု
column-line ပြင်ဆင်ထားသော အချက်အလက် အစိတ်အပိုင်း က အစိတ်အပိုင်း တစ်လျှောက် ပြင်ဆင်ထားပါသည်。

နည်းပိုင်းအချက်အလက်

မူကြမ်း အရ: auto
ကြောက်ကြွေးမှု: ထိထက်မည်
လှည့်ပတ်လှည့်ခြင်း ဖန်တီးခြင်း: ထိထက်သည်။ ကျမ်းကို ကြည့်ပါ:လှည့်ပတ်လှည့်ခြင်း ကို ပြင်ဆင်ထားသော အချက်အလက်。
ကန့်သတ်ချက်： CSS Grid Layout Module Level 1
JavaScript ဘာသာစကား： object.style.gridColumnEnd="5"

ဘာသာပြန်လည်ဖတ်ရှုမှု

အချက်အလက်များတွင် ထိပ်တန်း ဘာသာပြန်လည်ဖတ်ရှုရန် ကို ပြင်ဆင်ထားပါသည်。

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44