ဂုဏ်သတ္တိ float

ဂုဏ်သတ္တိ float သည် စာသားများက ၎င်းတို့ကို ဝိုင်းရံသွားမည့် ပေါလ်ပြေးနေသော ဘလောက်များကို သတ်မှတ်ပေးသည်။ ဂုဏ်သတ္တိ float ကို တစ်ခါတစ်ရံတွင် အစိတ်အပိုင်းတစ်ခု၏ ဝိုင်းရံမှုကို ပယ်ဖျက်ပေးသည့် ဂုဏ်သတ္တိ clear နှင့် အတူတွဲဖက်၍ အသုံးပြုလေ့ရှိသည်။

ကနဦး၌ float ကို စာသားအတွင်းသို့ ဝိုင်းရံနိုင်သော ဘလောက်များ ထည့်သွင်းရန်အတွက် စဉ်းစားခဲ့သော်လည်း၊ လက်ရှိအချိန်တွင် ၎င်းကို စာမျက်နှာအပြင်အဆင်များ တည်ဆောက်ရာတွင် အလွန်ကျယ်ပြန့်စွာနှင့် စံမဟုတ်သောနည်းလမ်းဖြင့် အသုံးပြုနေကြသည်။

သဒ္ဒါဖွဲ့စည်းပုံ

ရွေးချယ်သူ {
	float: left | right | none;
}

ရွေးချယ်သူ {
	clear: both | left | right | none;
}

float အတွက် တန်ဖိုးများ

တန်ဖိုး	ဖော်ပြချက်
`left`	ဘလောက်သည် ဘယ်ဘက်တွင် ပေါလ်ပြေးနေမည်ဖြစ်ပြီး စာသားသည် ၎င်းကို ညာဘက်မှ ဝိုင်းရံသွားမည်။
`right`	ဘလောက်သည် ညာဘက်တွင် ပေါလ်ပြေးနေမည်ဖြစ်ပြီး စာသားသည် ၎င်းကို ဘယ်ဘက်မှ ဝိုင်းရံသွားမည်။
`none`	ဝိုင်းရံမှု မရှိပါ။

စံထားသည့် တန်ဖိုး: none.

clear အတွက် တန်ဖိုးများ

တန်ဖိုး	ဖော်ပြချက်
`left`	ဘယ်ဘက်မှ ဝိုင်းရံမှုကို ပယ်ဖျက်သည်။
`right`	ညာဘက်မှ ဝိုင်းရံမှုကို ပယ်ဖျက်သည်။
`both`	ဘယ်ဘက်နှင့် ညာဘက် နှစ်ခုစလုံးမှ ဝိုင်းရံမှုကို ပယ်ဖျက်သည်။
`none`	ဝိုင်းရံမှု ပယ်ဖျက်ခြင်း မရှိပါ။

စံထားသည့် တန်ဖိုး: none.

နမူနာ

စံမဟုတ်သောနည်းလမ်းဖြင့် float ကို အသုံးပြု၍ စာရင်းအမှတ်များကို တစ်တန်းတည်းတွင် ထားရှိခြင်း:

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ul>

li {
	float: left;
	border: 1px solid red;
}

ထပ်မံကြည့်ရှုရန်

အထက်ရှိ အစိတ်အပိုင်းများအတွက် float ကို ပယ်ဖျက်ပေးသည့် ဂုဏ်သတ္တိ clear