ဂုဏ်သတ္တိ float

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

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

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

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

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

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

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

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

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

နမူနာ

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

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

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

Результат:

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