စတုဂံ အကွာအပြား

အသုံးပြုနည်းဥပဒေ

grid-gap အချက်အလက် သည် လက်ဆုံး ပုံစံ ကို သတ်မှတ်သည်၊ အောက်ပါ အချက်အလက်များ အား ကိုးကွယ်ပါ:

မှတ်ချက်:အဆိုပါ အချက်အလက် ကို CSS3 တွင် ပြောင်းလဲခဲ့သည်: gap。

CSS ပြည့်ပြည်းဆိုင်ရာgrip-row-gap အချက်အလက်

CSS ပြည့်ပြည်းဆိုင်ရာgrip-column-gap အချက်အလက်

လက်ဆုံး ပုံစံ 50 ပမာဏ အထိ သတ်မှတ်ပါ:

.grid-container {
  grid-gap: 50px;
}

လက်ဆုံး ပုံစံ 20 ပမာဏ နှင့် 50 ပမာဏ အထိ သတ်မှတ်ပါ:

.grid-container {
  grid-gap: 20px 50px;
}

grid-gap: grid-row-gap grid-column-gap;

အတ္ထုပ္ပတ္	ဖော်ပြ
grid-row-gap	လက်မှတ်တွင် လက်ဆုံး ပုံစံကို သတ်မှတ်ရန်。
grid-column-gap	လက်မှတ်တွင် လက်ဆုံး ပုံစံကို သတ်မှတ်ရန်。

မူးယစ်ဆေး:	0 0
တိုက်ရိုက်ထိန်းချုပ်:	ထိပ်သီး
လှည့်ပတ်သမင်း ပြုလုပ်:	ကူးကြောင်းသမင်း ကို ကြည့်ရှုရန်:လှည့်ပတ်သည့် အချက်အလက်。
ပုံစံ：	CSS Grid Layout Module Level 1
JavaScript ဘာသာစကား：	object.style.gridGap="50px 100px"

အချက်အလက်များတွင် အထူးအောင်မြင်သော ဘာသာပြန်ကူးသမင်း ကို သေချာစွာ ထည့်သွင်းထားသည်。

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