Sifa word-break

Sifa word-break inaruhusu kuhamisha herufi za neno refu mpaka mstari mpya, ikiwa neno hilo halina nafasi kwenye upana wa chombo.

Kihtisar

csskichaguaji {
  word-break: break-all | keep-all | normal;
}

Thamani	Maelezo
`break-all`	Inalazimisha maneno marefu kuhamishwa kwenye mstari mpya, ikiwa neno hilo halingii ndani ya chombo.
`keep-all`	Kwa kuhamisha herufi za Kichina/Kijapani n.k.
`normal`	Tabia ya kawaida: ikiwa neno refu halingii kwa upana kwenye chombo - basi litatoka nje kwa mpaka wake (wakati huo huo litaanza kwenye mstari mpya).

Thamani chaguomsingi: normal.

Katika mfano huu neno refu sana halingii ndani ya chombo na litatoka nje kwa mpaka wake (wakati huo huo litaanza kwenye mstari mpya):

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

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

Результат:

Sasa hivi herufi zile, ambazo hazikuingii, zitaachwa tu kwenye mstari unaofuata:

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

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

Результат:

sifa overflow-wrap,
ambayo pia inaruhusu kuhamisha herufi za neno refu kwenye mstari mpya
sifa hyphens,
ambayo inawasha kuhamisha maneno kwa silabi
sifa overflow,
ambayo inakata sehemu zinazotoka nje kwa mpaka wa block
kitambulisho wbr,
ambacho kinatekeleza kuhamisha kwa upole kwa njia za HTML
kitambulisho br,
ambacho kwa kutumia hicho kunaweza kulazimisha kusukumia maandishi kwenye mstari mpya