wbr ටැගය

wbr ටැගය බ්‍රවුසරයට පේළියක් කඩා දැමිය හැකි ස්ථානය දක්වයි (පාඨය මූලද්‍රව්‍යයේ පළලට නොගැලපේ නම්). එවැනි පේළි කඩ කිරීම් මෘදු ලෙස හැඳින්වේ.

වසා දැමීමේ ටැගයක් අවශ්‍ය නොවේ.

wbr ටැගය හරහා වචනයක් කඩා දැමීමේදී පේළි කඩ කිරීමේ "-" සංකේතය එකතු නොකෙරේ. එය ඔබට අවශ්‍ය නම් - මෘදු පේළි කඩ කිරීමේ සංකේතය ­ භාවිතා කරන්න (අවසානයේ අර්ධ විරාමය අනිවාර්යය, මෙය මුද්‍රණ දෝෂයක් නොවේ).

මෘදු පේළි කඩ කිරීම ­ බ්‍රවුසරයට එයට වචනයක් කඩා දැමිය හැකි ස්ථානය දක්වයි (අවශ්‍ය විට), එහිදී පේළි කඩ කිරීමේ "-" සංකේතය යොදයි.

­ මෘදු පේළි කඩ කිරීම් ක්‍රියා නොකරනු ඇත, hyphens ගුණය none අගයට සකසා ඇත්නම් (නමුත් wbr පේළි කඩ කිරීම් ක්‍රියා කරනු ඇත).

උදාහරණය . පේළි කඩ කිරීම් නොමැති පාඨය

දිගු වචන අඩංගු පාඨ නිදර්ශනයක් බලමු, එහි වාහකයෙන් ඉවතට විහිදෙන වචන ඇත. වාහකයට කුඩා පළලක් දෙමු, එවිට දිගු වචනය එහි ගැලපෙන්නේ නැත:

html<div id="elem">
  මෙය අති දිග අති දිග වචනයක් ය
</div>
css#elem {
  width: 200px;
  border: 1px solid black;
}

Результат:

උදාහරණය . wbr ටැගය

මෙහිදී, බ්‍රවුසරයට පේළියක් කඩා දැමීමට අපි නිර්දේශ කරන ස්ථානවල (අවශ්‍ය විට) wbr ටැගය එක් කරමු (බ්‍රවුසරය පේළි කඩ කිරීම් සිදු කරන්නේ අපි දැක්වූ සෑම තැනකම නොවන බව කරුණුවන්ත වන්න):

html<div id="elem">
  මෙය අති<wbr>දිග<wbr>අති<wbr>දිග<wbr>වචනයක්<wbr>ය
</div>
css#elem {
  width: 200px;
  border: 1px solid black;
}

Результат:

උදාහරණය . &shy; සංකේතය

wbr ටැගය වෙනුවට &shy; සංකේතය යොදමු. පේළි කඩ කිරීමේ ස්ථානවල ඉඩ යෙදුම් අඩංගු කිරීමේ ලකුණු පෙනෙනු ඇත:

html<div id="elem">
  මෙය අති­දිග­අති­දිග­වචනයක්­ය
</div>
css#elem {
  width: 200px;
  border: 1px solid black;
}

Результат:

මෙයද බලන්න

  • br ටැගය,
    ,
    එය නව පේළියකට කඩා දමයි
  • hyphens ගුණය,
    එය සැබෑ වචන කඩා දැමීම් සකසයි
  • word-break සහ overflow-wrap ගුණ,
    එමගින් දිගු වචනයක අකුරු කඩා දැමීමට ඉඩ සලසයි
  • overflow ගුණය,
    එය වාහකයේ සීමාවෙන් ඉවතට විහිදෙන කොටස් කපා හරී