စက်တင်ပုံစံ grid-auto-flow အကျယ်

定义和用法

grid-auto-flow 属性控制自动放置的项目如何插入网格中。

ကျမ်းကို ကြည့်ချင်သည့်အတွက်:

CSS ဘာသာစကားCSS နောက်ခံ ဘာသာစကား

အမှတ်

အမှတ် 1

ဘာသာစကား သဘောတူညွှန်းပုံစံ အသုံးပြု၍ အချက်အလက် အတွင်း အချက်အလက် သို့ ကူးကြောင်းသွားသည်။

.grid-container {
  display: grid;
  grid-auto-flow: column;
}

ကိုယ်တိုင် ကြိုးစားကြည့်

အမှတ် 2

အကျယ်အဝန်း တစ်လျှောက် အချက်အလက် အတွင်း အချက်အလက် သို့ ကူးကြောင်းပုံစံ အသုံးပြု၍ နေရာချလျက် ပြုလုပ်ကြသည်။

.grid-container {
  display: grid;
  grid-auto-flow: row dense;
}

ကိုယ်တိုင် ကြိုးစားကြည့်

CSS ဘာသာစကား

grid-auto-flow: row|column|dense|row dense|column dense;

အချက်အလက်

ဘာသာစကား ဖော်ပြ
row မူကြမ်း ပြင်ဆင်ထားသည့် ပြင် ဘာသာစကား သဘောတူညွှန်းပုံစံ အသုံးပြု၍ အကျယ်အဝန်း တစ်လျှောက် အချက်အလက် သို့ ကူးကြောင်းသွားသည်။
column ဘာသာစကား သဘောတူညွှန်းပုံစံ အသုံးပြု၍ ဘာသာစကား သဘောတူညွှန်းပုံစံ အသုံးပြု၍ အကျယ်အဝန်း တစ်လျှောက် နေရာချလျက် အချက်အလက် သို့ ကူးကြောင်းသွားသည်။
dense ဘာသာစကား သဘောတူညွှန်းပုံစံ အသုံးပြု၍ ဘာသာစကား သဘောတူညွှန်းပုံစံ အသုံးပြု၍ အကျယ်အဝန်း တစ်လျှောက် အချက်အလက် အတွင်း နေရာချလျက် ပြုလုပ်ကြသည်။
row dense ဘာသာစကား သဘောတူညွှန်းပုံစံ အသုံးပြု၍ ဘာသာစကား သဘောတူညွှန်းပုံစံ အသုံးပြု၍ အကျယ်အဝန်း တစ်လျှောက် နေရာချလျက် အချက်အလက် သို့ ကူးကြောင်းသွားသည်။
column dense ဘာသာစကား သဘောတူညွှန်းပုံစံ အသုံးပြု၍ အကျယ်အဝန်း တစ်လျှောက် နေရာချလျက် အချက်အလက် သို့ ကူးကြောင်းသွားသည်။

နည်းပါးများ

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

ဘာသာစကား ကူးကြောင်း

အချက်အလက်များတွင် အခြေခံ သဘောတူညွှန်းထားသော ဘာသာစကား သဘောတူညွှန်းပုံစံ အသုံးပြုသည်။

ခရမ်း IE / Edge ဖော်ဝါ ဆာဖာ အိုပရာ
57 16 52 10 44