Теги wbr

Теги wbr ҷоеро нишон медиҳад, ки браузер метавонад дар сурати зарурат сатри нав эҷод кунад (агар матн ба паҳнои унсур ҷой нашавад). Чунин гузаришҳо нарм номида мешаванд.

Ба теги бастананда эҳтиёҷ нест.

Дар вақти гузариши калима тавассути теги wbr аломати гузариш "-" илова намешавад. Агар он ба шумо лозим аст - аломати гузариши нармро истифода баред  (нуқта-вергул дар охир ҳатмӣ аст, ин иштибоҳ нест).

Гузариши нарм  ба браузер ҷоеро нишон медиҳад, ки он метавонад дар он ҷо гузариш эҷод кунад (дар сурати зарурат), гузоштани дар ин ҳолат аломати гузариш "-".

Гузаришҳои нарми  кор нахоҳанд кард, агар хосияти hyphens дар қимати none муайян карда шуда бошад (аммо гузаришҳои wbr кор хоҳанд кард).

Намуна . Матн бе гузариш

Биёед ба намунаи матне нигарем, ки дар он калимаҳои тӯлонӣ мавҷуданд, ки аз ҳадди блок берун мебароянд. Ба блок паҳнои хурд таъин мекунем, то калимаи калон дар он ҷой нагирад:

<div id="elem">
	this is supersupersuperlong text
</div>

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

Намуна . Теги wbr

Дар ин ҷо, биёед теги wbr ба ҳамон ҷойҳое илова кунем, ки мо ба браузер тавсия медиҳем, ки дар сурати зарурат гузариши калимаро анҷом диҳад (диққат диҳед ба он ки браузер гузаришҳоро ҳама ҷо, ки мо нишон додем, анҷом намедиҳад):

<div id="elem">
	this is super<wbr>super<wbr>super<wbr>long text
</div>

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

Намуна . Аломати 

Биёед ба ҷои теги wbr аломати  гузорем. Дар ҷойҳои гузариш дефисҳо намоиш дода мешаванд:

<div id="elem">
	this is supersupersuperlong text
</div>

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

Ҳамчунин бинед

теги br,
,
ки гузариш ба сатри навро эҷод мекунад
хосияти hyphens,
ки гузаришҳои воқеии калимаҳоро муайян мекунад
хосиятҳои word-break ва overflow-wrap,
ки имкон медиҳанд ҳарфҳои калимаи тӯлонӣ гузаронида шаванд
хосияти overflow,
ки қисмҳои берун аз ҳадди блокро бурида мезанад

Теги wbr

Намуна . Матн бе гузариш

Намуна . Теги wbr

Намуна . Аломати &shy;

Ҳамчунин бинед

Намуна . Аломати