column-span ပိုင်ဆိုင်မှု

column-span ပိုင်ဆိုင်မှုသည် များကော်လံစာသား တွင် အကြောင်းအရာ ကျယ်ပြန့်ရမည့် ကော်လံအရေအတွက်ကို သတ်မှတ်ပေးသည်။ ပိုင်ဆိုင်မှုသည် တန်ဖိုးအဖြစ် သင်္ကေတ 1 သို့မဟုတ် သော့ချက်စကားလုံး all ကိုလက်ခံသည်။ တန်ဖိုး 1 ဖြစ်ပါက အကြောင်းအရာသည် ကော်လံတစ်ခုကိုသာ ကျယ်ပြန့်မည်ဖြစ်ပြီး တန်ဖိုး all ဖြစ်ပါက - ကော်လံအားလုံးကို ကျယ်ပြန့်မည်ဖြစ်သည်။

ဝါကျဖွဲ့စည်းပုံ

cssရွေးချယ်သူ {
  column-span: 1 | all;
}

စံထားတန်ဖိုး: 1.

နမူနာ

ဤနမူနာတွင် ခေါင်းစဉ်သည် ပထမကော်လံအတွင်းသို့ ရောက်ရှိသွားမည်:

html<div id="elem">
  <h2>Lorem ipsum dolor sit amet eu metus non</h2>
  some long text
</div>

css#elem h2 {
  column-span: 1;
  margin: 0;
}
#elem {
  column-count: 3;
  text-align: justify;
}

Результат:

နမူနာ

ယခုတွင် ခေါင်းစဉ်သည် ကော်လံအားလုံးသို့ ကျယ်ပြန့်သွားမည်:

html<div id="elem">
  <h2>Lorem ipsum dolor sit amet eu metus non</h2>
  some long text
</div>

css#elem h2 {
  column-span: all;
  margin: 0;
}
#elem {
  column-count: 3;
  text-align: justify;
}

Результат:

ဤအရာကိုလည်း ကြည့်ပါ