wbr တဂ်
wbr တဂ်သည် ဘရောက်ဆာအား လိုအပ်ပါက (စာသားသည် အချပ်အလတ်၏အကျယ်တွင်မဆံ့လျှင်) စာကြောင်းပိုင်းနိုင်သည့်နေရာကို ညွှန်ပြသည်။ ထိုသို့ပိုင်းခြင်းများကို နူးညံ့သော စာကြောင်းပိုင်းခြင်းများဟုခေါ်သည်။
ပိတ်တဂ် မလိုအပ်ပါ။
wbr တဂ်ဖြင့် စကားလုံးပိုင်းသည့်အခါ ပိုင်းခြားသင်္ကေတ "-" ကို ထည့်သွင်းခြင်းမရှိပါ။ သင်လိုအပ်ပါက နူးညံ့သော ပိုင်းခြားသင်္ကေတ ­ ကို အသုံးပြုပါ (အဆုံးတွင်အမှတ်အသားပြသင်္ကေတ ထည့်ရန်လိုအပ်ပြီး ၎င်းသည် စာလုံးပေါင်းမှားခြင်းမဟုတ်ပါ)။
နူးညံ့သော ပိုင်းခြားသင်္ကေတ ­ သည် ဘရောက်ဆာအား လိုအပ်ပါက ပိုင်းခြားသင်္ကေတ "-" ကိုထားရှိကာ စကားလုံးပိုင်းနိုင်သည့်နေရာကို ညွှန်ပြသည်။
hyphens ဂုဏ်သတ္တိကို none တန်ဖိုးဖြင့် သတ်မှတ်ထားပါက နူးညံ့သော ပိုင်းခြားသင်္ကေတ ­ များသည် အလုပ်မလုပ်ပါ (သို့သော် wbr ပိုင်းခြင်းများသည် အလုပ်လုပ်ပါသည်)။
ဥပမာ . ပိုင်းခြင်းမရှိသော စာသား
ရှည်လျားပြီး ဘလောက်၏အကန့်သတ်ကို ကျော်လွန်နေသည့် စကားလုံးများပါဝင်သော စာသားနမူနာတစ်ခုကို ကြည့်ကြပါစို့။ ဘလောက်အား အလွန်သေးငယ်သောအကျယ်ကို သတ်မှတ်ပေးထားပြီး ရှည်လျားသောစကားလုံးများ မဆံ့နိုင်အောင်ပြုလုပ်ထားသည်။
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
ဥပမာ . wbr တဂ်
ဤနေရာတွင်၊ ဘရောက်ဆာအား လိုအပ်ပါက စကားလုံးပိုင်းရန် အကြံပြုသည့်နေရာများ၌ wbr တဂ်ကို ထည့်သွင်းကြပါစို့ (ကျွန်ုပ်တို့ညွှန်ပြထားသည့်နေရာတိုင်းတွင် ဘရောက်ဆာက ပိုင်းခြင်းမပြုကြောင်း သတိပြုပါ)။
<div id="elem">
this is super<wbr>super<wbr>super<wbr>long text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
ဥပမာ . ­ သင်္ကေတ
wbr တဂ်အစား ­ သင်္ကေတကို အသုံးပြုကြည့်ကြပါစို့။ ပိုင်းခြားသည့်နေရာများတွင် ဟိုင်ဖန်များ ပြသမည်ဖြစ်သည်။
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
ဤအကြောင်းကိုလည်း ကြည့်ပါ
-
brတဂ်၊
,
အသစ်သောစာကြောင်းသို့ ပိုင်းခြားပေးသည် -
hyphensဂုဏ်သတ္တိ၊
စကားလုံးများ၏ စစ်မှန်သော ပိုင်းခြင်းများကို သတ်မှတ်ပေးသည် -
word-breakနှင့်overflow-wrapဂုဏ်သတ္တိများ၊
ရှည်လျားသောစကားလုံး၏အက္ခရာများကို ပိုင်းခြားခွင့်ပြုသည် -
overflowဂုဏ်သတ္တိ၊
�လောက်၏အကန့်သတ်ကို ကျော်လွန်နေသည့် အစိတ်အပိုင်းများကို ဖြတ်တောက်ပေးသည်
