WBR tags
Tags wbr norāda vietu, kur pārlūkprogramma
var veikt rindas pārtraukumu, ja nepieciešams
(ja teksts neietilpst elementa platumā).
Tādus pārtraukumus sauc par mīkstajiem.
Nepieprasa noslēdzošo tagu.
Pārnesot vārdu caur tagu wbr, pārnesešanas
simbols "-" netiek pievienots. Ja
tas jums nepieciešams - izmantojiet mīkstā
pārtraukuma simbolu ­ (semikols
beigās ir obligāts, tā nav kļūda).
Mīkstais pārtraukums ­ norāda
pārlūkprogrammai vietu, kur tā var veikt pārtraukumu
vārdā (ja nepieciešams), ievietojot
tajā pārnesešanas simbolu "-".
Mīkstie pārtraukumi ­ nedarbosies,
ja īpašība hyphens
ir iestatīta uz vērtību none (bet pārtraukumi
wbr darbosies).
Piemērs . Teksts bez pārtraukumiem
Apskatīsim teksta paraugu, kurā ir gari vārdi, kas izvirzās aiz bloka robežām. Blokam iestatīsim mazu platumu, lai lielais vārds tajā neietilptu:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Piemērs . WBR tags
Šeit, pievienosim tagu wbr
vietās, kur mēs ieteicam pārlūkprogrammai veikt
vārda pārtraukumu, ja nepieciešams (pievērsiet
uzmanību tam, ka pārlūkprogramma veiks pārtraukumus
ne visur, kur mēs norādījām):
<div id="elem">
this is super<wbr>super<wbr>super<wbr>long text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Piemērs . Simbols ­
Mēģināsim tā vietā, lai izmantotu tagu wbr,
ievietot simbolu ­. Vietās,
kuras tiks pārtrauktas, tiks rādīti defisi:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Skatiet arī
-
tags
br,
,
kas veic pārtraukumu jaunā rindā -
īpašība
hyphens,
kas iestata īstus vārdu pārtraukumus -
īpašības
word-breakunoverflow-wrap,
kas ļauj pārnest garā vārda burtus -
īpašība
overflow,
kas apgriež ārpus bloka robežām izvirzījušās daļas