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

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

ဝါကျဖွဲ့ပုံ

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

တန်ဖိုး	ဖော်ပြချက်
`break-word`	ကွန်တိန်နာထဲသို့ မဆန့်နိုင်သော စကားလုံးရှည်များကို လိုင်းအသစ်သို့ ရွှေ့ရန် ဖြစ်စေသည်။ �ိုအခါ စကားလုံးသည် လိုင်းအသစ်မှ စတင်မည်။
`normal`	စံပြုမူ - အကယ်၍ စကားလုံးရှည်သည် ကွန်တိန်နာ၏အကျယ်ထဲသို့ မဆန့်ပါက - ၎င်းသည် ၎င်း၏အစပ်များကို ကျော်လွန်ထွက်သွားမည် (ထိုအခါ လိုင်းအသစ်မှ စတင်မည်)။

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

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

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

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

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

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

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

ပိုင်ဆိုင်မှု word-break,
အက္ခရာများကို လိုင်းအသစ်သို့ ရွှေ့ခွင့်ပြုသည့် ပိုင်ဆိုင်မှု
ပိုင်ဆိုင်မှု word-wrap,
သည် overflow-wrap ပိုင်ဆိုင်မှု၏ ရိုးရိုးနာမည်ဟောင်းဖြစ်သည်
ပိုင်ဆိုင်မှု hyphens,
စကားလုံးများကို အသံထွက်ပုံအတိုင်း ခွဲခြားရွှေ့ခွင့်ပြုသည့် ပိုင်ဆိုင်မှု
တဂ် wbr,
HTML ကိရိယာများဖြင့် ပျော့ပျောင်းသော ရွှေ့ခြင်းများကို အကောင်အထည်ဖော်သည့် တဂ်
တဂ် br,
စာသားကို လိုင်းအသစ်သို့ အတင်းအကျပ်ရွှေ့ရန် အသုံးပြုနိုင်သော တဂ်