ပိုင်ဆိုင်မှု overflow-wrap

ပိုင်ဆိုင်မှု overflow-wrap သည် ကွန်တိန်နာ၏အကျယ်ထဲသို့ မဆန့်နိုင်သော စကားလုံးရှည်၏ အက္ခရာများကို လိုင်းအသစ်သို့ ရွှေ့ခွင့်ပြုသည်။

ဝါကျဖွဲ့ပုံ

cssselector {
  overflow-wrap: break-word | normal;
}

တန်ဖိုးများ

ပုံသေတန်ဖိုး: normal.

ဥပမာ . တန်ဖိုး normal

ဤဥပမာတွင် စကားလုံးအလွန်ရှည်သည် ကွန်တိန်နာထဲသို့ မဆန့်နိုင်ပဲ ၎င်း၏အစပ်များကို ကျော်လွန်ထွက်သွားမည် (ထိုအခါ လိုင်းအသစ်မှ စတင်မည်) -

html<div id="elem">
  Lorem ipsum dolor sit amet
  loooooooooooooooooooooooooooooooongword,
  consectetur adipiscing elit.
</div>

css#elem {
  word-wrap: normal;
  overflow-wrap: normal;
  border: 1px solid red;
  width: 200px;
}

Результат:

ဥပမာ . တန်ဖိုး break-word

ယခုအခါ မဆန့်နိုင်ခဲ့သော အက္ခရာများသည် လိုင်းနောက်တစ်ကြောင်းသို့ ရွှေ့သွားမည် (ထိုအခါ စကားလုံးရှည်သည် လိုင်းအသစ်မှပင် စတင်နေဦးမည်) -

html<div id="elem">
  Lorem ipsum dolor sit amet
  loooooooooooooooooooooooooooooooongword,
  consectetur adipiscing elit.
</div>

css#elem {
  overflow-wrap: break-word;
  border: 1px solid red;
  width: 200px;
}

Результат:

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