clear ဂုဏ်သတ္တိ

clear ဂုဏ်သတ္တိသည် float ဂုဏ်သတ္တိဖြင့် သတ်မှတ်ထားသော အခြားအစိတ်အပိုင်းများ၏ ဝန်းရံမှုကို ပယ်ဖျက်ပေးသည်။ အောက်ပါတန်ဖိုးများကို ယူနိုင်သည်- none (၎င်း၏လုပ်ဆောင်ချက်ကို ပယ်ဖျက်သည်), both (ဘယ်ဘက်နှင့် ညာဘက်တစ်ချိန်တည်းမှ float ကို ပယ်ဖျက်သည်), left (ဘယ်ဘက်မှ float ကို ပယ်ဖျက်သည်), right (ညာဘက်မှ float ကို ပယ်ဖျက်သည်)။

ဝါကျဖွဲ့ပုံ

cssselector {
  clear: none or left or right or both
}

ဥပမာ

ဓာတ်ပုံ၏ ဘယ်ဘက်မှ စာသားဝန်းရံမှုကို ပယ်ဖျက်ကြည့်ရအောင်-

html<img class="image" src="bg.png" alt="">
<div class="txt">
  <p>
    text text text text text text
    text text text text text text
    text text text text text text
    text text text text text text
  </p>
</div>

css.image {
  float: left;
  padding-right: 10px;
}
.txt {
  clear: left;
}

Результат:

ဥပမာ

ယခုတစ်ခါ ဓာတ်ပုံ၏ ညာဘက်မှ စာသားဝန်းရံမှုကို ပယ်ဖျက်ကြည့်ရအောင်-

html<img class="image" src="bg.png" alt="">
<div class="txt">
  <p>
    text text text text text text
    text text text text text text
    text text text text text text
    text text text text text text
  </p>
</div>

css.image {
  float: right;
  padding-right: 10px;
}
.txt {
  clear: right;
}

Результат:

ဥပမာ

clear ဂုဏ်သတ္တိ၏ လုပ်ဆောင်ချက်ကိုယ်တိုင်ကို ပယ်ဖျက်ကြည့်ရအောင်-

html<img class="image" src="bg.png" alt="">
<div class="txt">
  <p>
    text text text text text text
    text text text text text text
    text text text text text text
    text text text text text text
  </p>
</div>

css.image {
  float: right;
  padding-right: 10px;
}
.txt {
  clear: none;
}

Результат:

ဆက်လက်လေ့လာရန်