စီစဥ်အစိတ် ပေါင်းခြား အခြားအရောက်
- ပြီးပြီးခြင်း column-fill
- 下一页 column-rule
အသုံးပြုပုံ နှင့် အသုံးပြုပုံ
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 |
---|---|---|---|---|---|
ပေါင်းလုံးအပ်တွင် | ၅၀ | ၁၀ | ၅၂ | ၁၀ | ၃၇ |
ပေါင်းစပ်တွင် | ၆၆ | ၁၆ | ၆၁ | ၁၂ | ၅၃ |
ပြတိုက်တွင် | ၈၄ | ၈၄ | ၆၃ | ၁၄.၁ | ၇၀ |
- ပြီးပြီးခြင်း column-fill
- 下一页 column-rule