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
kichaguaji {
word-break: break-all | keep-all | normal;
}
Maadili
| 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.
Mfano . Thamani normal
Katika mfano huu neno refu sana halingii ndani ya chombo na litatoka nje kwa mpaka wake (wakati huo huo litaanza kwenye mstari mpya):
<div id="elem">
Lorem ipsum dolor sit amet
loooooooooooooooooooooooooooooooongword,
consectetur adipiscing elit.
</div>
#elem {
width: 200px;
word-break: normal;
border: 1px solid red;
}
:
Mfano . Thamani break-all
Sasa hivi herufi zile, ambazo hazikuingii, zitaachwa tu kwenye mstari unaofuata:
<div id="elem">
Lorem ipsum dolor sit amet
loooooooooooooooooooooooooooooooongword,
consectetur adipiscing elit.
</div>
#elem {
width: 200px;
word-break: break-all;
border: 1px solid red;
}
:
Angalia Pia
-
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