စီစ်တိုက် အဆင့် - အင်တာဗက်

  • ပြီးပြီးခဲ့သော စာလုံး column-width
  • နောက်ပိုင်း @container

အဆိုပါ အချက်အလက် အရ အသုံးပြုနည်းနည်း

columns 属性 သည် လောက်ချိန် နှင့် လောက်ချိန် ကို အသုံးပြုသော အကြီးအကျယ် အချက်အလက် ဖြစ်သည်

အခြား ကြည်းဖြူး

CSS3 အစီရင်ခံ ဆိုင်ရာCSS3 အချက်အလက်

HTML DOM အစီရင်ခံ ဆိုင်ရာcolumns 属性

အမှတ်အသား

လောက်ချိန် နှင့် လောက်ချိန် ကို အချက်အလက်

div
{
columns:100px 3;
}

ကိုယ်တိုင် ကျင်းပညာ

ပြီးပြီးခဲ့သော စာလုံး အောက်ပါ အမှတ်အသား

CSS အပိုင်းအချက်

columns: column-width column-count;

အချက်အလက်

အချက်အလက် ဖော်ပြ
column-width လောက်ချိန်
column-count လောက်ချိန်

နည်းပါး အချက်အလက်

မူကြမ်း အချက်အလက် auto auto
တိုက်ရိုက် အသုံးပြု no
ပုံစံ CSS3
JavaScript အပိုင်းအချက် object.style.columns="100px 3"

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

Column-count
div အစိတ် အရ အချက်အလက် အရ အချက်အလက် အောက်ပါ အရာများ အသုံးပြုပြီး အချက်အလက် အရ အကျယ်အဝန်း
Column-gap
div အစိတ် အရ အချက်အလက် အရ အချက်အလက် အောက်ပါ အရာများ အသုံးပြုပြီး အချက်အလက် အရ အကျယ်အဝန်း ၃၀ ပမာဏ ကြား အစိတ်အချက်အလက် ပုံစံ
Column-rule
လက်အောက် အစိတ် အချက်အလက် အရ အကျယ်အဝန်း၊ အပုံအချက်အလက် နှင့် အရောင်

ဘာသာပြန် ကုသမှု

အချက်အလက် အရ အခြေခံ ဘာသာပြန် ကုသမှု ကို ထောက်ပံ့သော ပထမဆုံး ဘာသာပြန် ကုသမှု ကို ညွှန်ပြသည်

အသုံးပြုထားသော -webkit- သို့မဟုတ် -moz- ဖြင့် နှုန်းပြင်း ပထမဆုံး အောက်ပါ အဆင်းမြင့်

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
9.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1
  • ပြီးပြီးခဲ့သော စာလုံး column-width
  • နောက်ပိုင်း @container