wbr ටැගය
wbr ටැගය බ්රවුසරයට පේළියක් කඩා දැමිය හැකි ස්ථානය
දක්වයි (පාඨය මූලද්රව්යයේ පළලට නොගැලපේ නම්).
එවැනි පේළි කඩ කිරීම් මෘදු ලෙස හැඳින්වේ.
වසා දැමීමේ ටැගයක් අවශ්ය නොවේ.
wbr ටැගය හරහා වචනයක් කඩා දැමීමේදී
පේළි කඩ කිරීමේ "-" සංකේතය
එකතු නොකෙරේ. එය
ඔබට අවශ්ය නම් - මෘදු පේළි කඩ කිරීමේ
සංකේතය ­ භාවිතා කරන්න
(අවසානයේ අර්ධ විරාමය
අනිවාර්යය, මෙය මුද්රණ දෝෂයක් නොවේ).
මෘදු පේළි කඩ කිරීම ­ බ්රවුසරයට
එයට වචනයක් කඩා දැමිය හැකි ස්ථානය
දක්වයි (අවශ්ය විට), එහිදී
පේළි කඩ කිරීමේ "-" සංකේතය යොදයි.
­ මෘදු පේළි කඩ කිරීම්
ක්රියා නොකරනු ඇත, hyphens
ගුණය none අගයට සකසා ඇත්නම් (නමුත්
wbr පේළි කඩ කිරීම්
ක්රියා කරනු ඇත).
උදාහරණය . පේළි කඩ කිරීම් නොමැති පාඨය
දිගු වචන අඩංගු පාඨ නිදර්ශනයක් බලමු, එහි වාහකයෙන් ඉවතට විහිදෙන වචන ඇත. වාහකයට කුඩා පළලක් දෙමු, එවිට දිගු වචනය එහි ගැලපෙන්නේ නැත:
<div id="elem">
මෙය අති දිග අති දිග වචනයක් ය
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
උදාහරණය . wbr ටැගය
මෙහිදී, බ්රවුසරයට පේළියක් කඩා දැමීමට අපි නිර්දේශ කරන
ස්ථානවල (අවශ්ය විට) wbr ටැගය
එක් කරමු (බ්රවුසරය පේළි කඩ කිරීම්
සිදු කරන්නේ අපි දැක්වූ සෑම තැනකම නොවන බව කරුණුවන්ත වන්න):
<div id="elem">
මෙය අති<wbr>දිග<wbr>අති<wbr>දිග<wbr>වචනයක්<wbr>ය
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
උදාහරණය . ­ සංකේතය
wbr ටැගය වෙනුවට
­ සංකේතය යොදමු. පේළි කඩ කිරීමේ
ස්ථානවල ඉඩ යෙදුම් අඩංගු කිරීමේ ලකුණු පෙනෙනු ඇත:
<div id="elem">
මෙය අතිදිගඅතිදිගවචනයක්ය
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
මෙයද බලන්න
-
brටැගය,
,
එය නව පේළියකට කඩා දමයි -
hyphensගුණය,
එය සැබෑ වචන කඩා දැමීම් සකසයි -
word-breakසහoverflow-wrapගුණ,
එමගින් දිගු වචනයක අකුරු කඩා දැමීමට ඉඩ සලසයි -
overflowගුණය,
එය වාහකයේ සීමාවෙන් ඉවතට විහිදෙන කොටස් කපා හරී
