စီစဥ်အစိတ် ပေါင်းခြား အခြားအရောက်

အသုံးပြုပုံ နှင့် အသုံးပြုပုံ

column-gap ဗေဒက် ဗေဒက်အချက်

ဖော်ပြအခြားအချက် column-ruleအခြားအချက်

အခြားကြည်းစား

CSS3 ပညာရှင်စာအုပ်CSS3 သုံးစွဲလုံး

HTML DOM ကိုယ်စားပြဘာသာcolumnGap ဗေဒက်

အမှတ်အသား

လုံးပါးအပ်ခြင်း ၄၀ ပမာဏကို ချက်ချင်းပြထားသည်:

div {
  column-gap: 40px;
}

ကိုယ်တိုင် စမ်းသပ်ပါ

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

CSS အသုံးပြုပုံ

column-gap: length|normal;

ဗေဒက်အချက်

အချက် ဖော်ပြ စမ်းသပ်မှု
length လုံးပါးအပ်ခြင်း အဝါအဆိုကို အချက်အလက်အရ ပြထားသည်。 စမ်းသပ်မှု
normal လုံးပါးအပ်ခြင်း အဝါအဆိုကို အဆိုအရ အဝါအဆိုကို ပြထားသည်။ W3C အကြံပေးချက် အချက်အလက်မှာ ၁em ဖြစ်သည်。 စမ်းသပ်မှု

နည်းပါးဆိုင်ရာ

မူကြမ်းအချက် normal
ဆက်နွယ်မှု no
ပုံစံ CSS3
JavaScript အသုံးပြုပုံ object.style.columnGap="40px"

အခြားအမှတ်အသား

Column-count
div အရာတွင် အခြေခံအရာတွင် အခြေခံအရာကို ၃ လုံးစပ်ထားသည်。
Column-rule
လုံးပါးအပ်ခြင်း အဝါအဆို အရောင်နှင့် အပေါ်အဝါအဆိုကို ချက်ချင်းပြထားသည်。

ဘတ်မြားအကူအညီ

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

ကျော်ကြီးနှင့်မောင်းရေးနှင့် -webkit- သို့မဟုတ် -moz- အချက်အလက်များက ပထမဆုံးဖြစ်သောပုံမှာ အသုံးပြုသည်。

ဗေဒက် Chrome IE / Edge Firefox Safari Opera
ပေါင်းလုံးအပ်တွင် ၅၀ ၁၀ ၅၂ ၁၀ ၃၇
ပေါင်းစပ်တွင် ၆၆ ၁၆ ၆၁ ၁၂ ၅၃
ပြတိုက်တွင် ၈၄ ၈၄ ၆၃ ၁၄.၁ ၇၀