စက်တင်ချက် grid-auto-columns ဗီဇ

ကျမ်းကြည့်

grid-auto-columns အချက်အလက်သည် အွင်းအိတ်ချုပ်၏ လိပ်များ၏ အငွောက်အချင်း ကို ကျသော်လည်း အစားထိုးပါ။

အချက်အလက်များသည် အငွောက်အချင်း မရှိသေးသော လိပ်များ သာ အကူအညီပေးသည်。

CSS ပြည့်ပြည့်ထင်ထင်းgrid-auto-rows အချက်အလက်

အဆိုပါ အွင်းတွင် လိပ်များ၏ မူကျ အငွောက်အချင်း ကို ကျသော်လည်း အစားထိုးပါ။

.grid-container {
  display: grid;
  grid-auto-columns: 50px;
}

grid-auto-columns: auto|max-content|min-content|length;

အချက်	ဖော်ပြ
auto	မူကျခဏ
fit-content()
max-content	လိပ်များ၏ အသေးဆုံး အရာကို အစားထိုး၍ လိပ်များ၏ အငွောက်အချင်း ကို ကျသော်လည်း အစားထိုးပါ။
min-content	လိပ်များ၏ အကြီးဆုံး အရာကို အစားထိုး၍ လိပ်များ၏ အငွောက်အချင်း ကို ကျသော်လည်း အစားထိုးပါ။
minmax(min.max)	minmax(min.max) ဖြင့် အငွောက်အချင်း နှင့် max အကြား ပြည့်စုံသော အငွောက်အချင်း အစားထိုးပါ။
length	လိပ်များ၏ အငွောက်အချင်းကို ပြည့်စုံသော အငွောက်အချင်း ဗိုင်းပုံစံ အသုံးပြု၍ အစားထိုးပါ။ ကျမ်းကို ကြည့်ပါ။အငွောက်အချင်း ဗိုင်းပုံစံ。
%	လိပ်များ၏ အငွောက်အချင်းကို စတုရန်းပုံစံ ဗိုင်းပုံစံ အချက်အလက် အသုံးပြု၍ အစားထိုးပါ။

မူကျခဏ	auto
တိုက်ရိုက်လက်ခံ	မမရှိ
လှည့်ပတ် ပြုလုပ်	အကူအညီလှည့်ပတ် အချက်အလက်များ。
ပုံစံ	CSS Grid Layout Module Level 1
JavaScript ဘာသာစကား	object.style.gridAutoColumns="120px"

အချက်အလက်များသည် အကိုက်ခတ်သည့် ဗာကြီးဖြစ်သော ဘာသာစကား ကို မြင်ပါ။

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