Wbr теги
wbr теги браузерго сап тармак (эгер текст элементтин туурасына сыйбаса) керек болгон жерди көрсөтөт.
Мындай тилкелер жумшак деп аталат.
Жабуу тегин талап кылбайт.
wbr теги аркылуу сөздү тилкегенде, тилке белгиси "-" кошулбайт. Эгер
ал сизге керек болсо - жумшак тилке белгисин ­ колдонуңуз (акыркы чекит менен үтүр милдеттүү, бул ката эмес).
Жумшак тилке ­ браузерго сөздү тилкеген жерди (керек болгон учурда) көрсөтөт,
ал эми тилке белгиси "-" коёт.
Жумшак тилкелер ­ иштебейт, эгер hyphens
касиетинин мааниси none болсо (wbr тилкелери иштейт).
Мисал . Тилкесиз текст
Келгиле, узун сөздөрү бар, блокунан чыгып кеткен тексттин үлгүсүн карап көрөлү. Блокко кичинекей тууралык берсек, анда узун сөз ага сыйбайт:
<div id="elem">
бул суперсуперсуперузун текст
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Мисал . Wbr теги
Бул жерде, келгиле wbr тегин кошолу, браузерге сөздү тилкеген жерди көрсөтүп (браузер тилкени биз көрсөткөн бардык жерлерде эмес, керек болгон жерлерде гана кылаарын эске алыңыз):
<div id="elem">
бул супер<wbr>супер<wbr>супер<wbr>узун текст
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Мисал . ­ белгиси
Келгиле wbr тегинин ордуна ­ белгисин койуп көрөлү. Тилкеленген жерлерде дефисдер көрүнөт:
<div id="elem">
бул суперсуперсуперузун текст
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Ошондой эле караңыз
-
brтеги,
,
жаңы сапка тилкени түзөт -
hyphensкасиети,
сөздөрдүн чыныгы тилкесин белгилейт -
word-breakжанаoverflow-wrapкасиеттери,
узун сөздүн тамгаларын тилкеге мүмкүндүк берет -
overflowкасиети,
блоктун чектеринен чыгып кеткен бөлүктөрдү кесип салат
