Wbr Tag

Tag wbr inaonyesha mahali ambapo kivinjari kinaweza kufanya mstari mpya ikiwa inahitajika (kama maandishi hayatoshi kwa upana wa kipengele). Mvuto kama huo unaitwa mvuto mpole.

Haihitaji tag ya kufunga.

Wakati wa kuvunja neno kupitia tag wbr alama ya mkato "-" haiongezewi. Ikiwa unaihitaji - tumia alama ya mvuto mpole  (alama ya mkato mwishoni inatakiwa, hii sio makosa).

Mvuto mpole  unaonyesha kivinjari mahali ambapo kinaweza kuvunja neno (ikiwa inahitajika), kukiweka wakati huo alama ya mkato "-".

Mvuto mpole  haita fanya kazi, ikiwa sifa hyphens imepewa thamani none (na mvuto wbr itafanya kazi).

Mfano . Maandishi bila mvuto

Wacha tuangalie mfano wa maandishi, ambayo yna maneno marefu yanayotoka nje ya mpaka wa kipande. Kipande tukiweka upana mdogo ili neno kubwa lisitoshwe ndani yake:

<div id="elem">
	hii ni maandishi marefu sana sana sana
</div>

#elem {
	width: 200px;
	border: 1px solid black;
}

Mfano . Wbr tag

Na hapa, wacha tuongeze tag wbr katika maeneo ambayo tunapendekeza kivinjari kufanya uvunjaji wa neno ikiwa inahitajika (zingatia kuwa kivinjari kitafanya mvuto sio kila mahali, tulipoonyesha):

<div id="elem">
	hii ni super<wbr>super<wbr>super<wbr>long maandishi
</div>

#elem {
	width: 200px;
	border: 1px solid black;
}

Mfano . Alama 

Wacha tujaribu badala ya tag wbr kuweka alama . Katika maeneo ya mvuto yataonyeshwa vistari:

<div id="elem">
	hii ni supersupersuperlong maandishi
</div>

#elem {
	width: 200px;
	border: 1px solid black;
}

Angalia pia

tag br,
,
ambayo hufanya mstari mpya
sifa hyphens,
ambayo huweka uvunjaji halisi wa maneno
sifa word-break na overflow-wrap,
ambazo huruhusu kuvunja herufi za neno refu
sifa overflow,
ambayo hukata sehemu zinazotoka nje ya mpaka wa kipande

Wbr Tag

Mfano . Maandishi bila mvuto

Mfano . Wbr tag

Mfano . Alama &shy;

Angalia pia

Mfano . Alama