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
kichaguli {
overflow-wrap: break-word | normal;
}
Thamani
| 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.
Mfano . Thamani normal
Katika mfano huu neno refu sana halitakaa katika chombo na litatoka nje ya mipaka yake (wakati huo huo litaanza kwa mstari mpya):
<div id="elem">
Lorem ipsum dolor sit amet
loooooooooooooooooooooooooooooooongword,
consectetur adipiscing elit.
</div>
#elem {
word-wrap: normal;
overflow-wrap: normal;
border: 1px solid red;
width: 200px;
}
:
Mfano . Thamani break-word
Na sasa herufi zile, ambazo hazikuwa na nafasi, zitahamishwa kwa mstari unaofuata (wakati huo huo neno refu bado litaanza kwa mstari mpya):
<div id="elem">
Lorem ipsum dolor sit amet
loooooooooooooooooooooooooooooooongword,
consectetur adipiscing elit.
</div>
#elem {
overflow-wrap: break-word;
border: 1px solid red;
width: 200px;
}
:
Angalia Pia
-
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