Sifa ya overflow-wrap

Sifa overflow-wrap inaruhusu kuhama herufi za neno refu kwa mstari mpya, ikiwa neno hilo halina nafasi kwa upana wa chombo.

Kirai cha Sintaksia

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

Thamani	Maelezo
`break-word`	Inalazimisha maneno marefu kuhamishwa kwa mstari mpya, ikiwa neno hilo halina nafasi katika chombo. Wakati huo huo neno litaanza kwa mstari mpya.
`normal`	Tabia ya kawaida: ikiwa neno refu halina nafasi kwa upana katika chombo - litatoka tu nje ya mpaka wake (wakati huo huo litaanza kwa mstari mpya).

Thamani chaguomsingi: normal.

Katika mfano huu neno refu sana halitakaa katika chombo na litatoka nje ya mipaka yake (wakati huo huo litaanza kwa mstari mpya):

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;
}

Результат:

Na sasa herufi zile, ambazo hazikuwa na nafasi, zitahamishwa kwa mstari unaofuata (wakati huo huo neno refu bado litaanza kwa mstari mpya):

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;
}

Результат:

sifa word-break,
ambayo pia inaruhusu kuhama herufi za neno refu kwa mstari mpya
sifa word-wrap,
ambayo ni jina lililochakaa la sifa ya overflow-wrap
sifa hyphens,
ambayo inawasha uhamishaji wa maneno kwa silabi
kitambulisho wbr,
ambacho kinatekeleza uhamishaji laini kwa njia ya HTML
kitambulisho br,
ambacho kwa msaada wake kunaweza kulazimisha kuhama maandishi kwa mstari mpya