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

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

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

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

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

နမူနာ

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

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

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

နမူနာ

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

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

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

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

column-count ပိုင်ဆိုင်မှု,
အရာသည် ကော်လံအရေအတွက်ကို သတ်မှတ်ပေးသည်
column-width ပိုင်ဆိုင်မှု,
အရာသည် ကော်လံအကျယ်ကို သတ်မှတ်ပေးသည်
column-gap ပိုင်ဆိုင်မှု,
အရာသည် ကော်လံများအကြားရှိ ကြားအကွာအဝေးကို သတ်မှတ်ပေးသည်
column-rule ပိုင်ဆိုင်မှု,
အရာသည် ကော်လံများအကြားရှိ နယ်နိမိတ်ကို သတ်မှတ်ပေးသည်
columns ပိုင်ဆိုင်မှု,
အရာသည် များကော်လံဂုဏ်သတ္တိများအတွက် အတိုကောက် ပိုင်ဆိုင်မှုတစ်ခုဖြစ်သည်