စီစ်ကိုင်ဆိုင်သည့် ကိုယ်စားပုံခွဲ အခြေအနေ

  • ပြီးပိုင်းစား color-scheme
  • နောက်လောက်သော စာစောင် column-fill

အဆိုပါ လိုင်းလျား ကို အသိအမှတ်ပြုခြင်း နှင့် အသုံးပြုခြင်း

column-count အချက်အလက်သည် အကိုယ်အချက်အလက်ကို လောက်ခွဲသင့်သည့် လောက်ခွဲအရှိန် ကို သတ်မှတ်ပါ。

အခြား လိုက်ကျ

CSS3 အစည်းဝေးCSS3 နှစ်စင်း

HTML DOM ကိုယ်စားပြီး ဆိုင်းပါးcolumnCount အချက်အလက်

အမှတ်အသား

div အကိုယ်အချက်အလက်များတွင် စာသားကို သုံးလောက် ခွဲထားပါ

div
{
column-count:3;
}

ကိုယ်တိုင် ကျင့်ကတပ်

အော်ပရော်တွင် အမှတ်အသားများ ပါဝင်သည်。

CSS လိုင်းလျား

column-count: number|auto;

အချက်အလက် ပြင်းပြီး

ပြင်းပြီး ဖော်ပြ စစ်ဆေး
number အကိုယ်အချက်အလက်များက ကောင်းစွာ လောက်ခွဲသင့်သည့် လောက်ခွဲအရှိန် စစ်ဆေး
auto အခြား အချက်အလက်များက လောက်ခွဲအရှိန် ကို ကိုယ်စားပြုကြသည်၊ ဥပမာ "column-width"。 စစ်ဆေး

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

မည်သည်မျှ auto
လုပ်သုံးမှု no
ပုံစံ CSS3
JavaScript လိုင်းလျား object.style.columnCount=3

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

Column-gap
div အကိုယ်အချက်အလက်များတွင် စာသားကို သုံးလောက် ခွဲထားပြီး လောက်ခွဲများအကြား 30 ပမာဏ အကွာအဝေး ကို သတ်မှတ်ပါ。
Column-rule
လက်စွပ်များအကြား အနက်အယာ၊ အော်ဂန်းနှင့် အရောင် ကို သတ်မှတ်ပါ。

ဘာသာသတင်းပြင် ထောက်ပံ့

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

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1
  • ပြီးပိုင်းစား color-scheme
  • နောက်လောက်သော စာစောင် column-fill