Tag wbr
Tag wbr označava mesto gde brauzer
može da napravi prelom reda, ukoliko je to potrebno
(ako se tekst ne uklapa u širinu elementa).
Takvi prelami se nazivaju mekim prelamima.
Ne zahteva zatvarajući tag.
Prilikom prelamanja reči preko taga wbr znak
za prelamanje "-" se ne dodaje. Ako
vam je potreban - koristite znak za meki
prelom ­ (tačka zarez
na kraju je obavezna, nije štamparska greška).
Meki prelom ­ ukazuje
brauzeru na mesto gde može da napravi prelom
reči (ukoliko je to potrebno), stavljajući
pri tome znak za prelamanje "-".
Meki prelami ­ neće
raditi ako je svojstvo hyphens
postavljeno na vrednost none (a prelami
wbr će raditi).
Primer . Tekst bez preloma
Hajde da pogledamo primer teksta u kojem ima dugačkih reči koje izlaze preko granice bloka. Bloku ćemo zadati malu širinu tako da se dugačka reč u njemu ne može smestiti:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Primer . Tag wbr
A ovde, hajde da dodamo tag wbr na
mestima gde preporučujemo brauzeru da napravi
prelamanje reči ukoliko je potrebno (obratite
pažnju na to da će brauzer napraviti prelamanje
ne svuda gde smo mi to označili):
<div id="elem">
this is super<wbr>super<wbr>super<wbr>long text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Primer . Znak ­
Hajde da probamo umesto taga wbr
da stavimo znak ­. Na mestima
prelamanja će se prikazivati defisi:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Pogledajte takođe
-
tag
br,
,
koji pravi prelom u novi red -
svojstvo
hyphens,
koje određuje pravo prelamanje reči -
svojstva
word-breakioverflow-wrap,
koja dozvoljavaju prelamanje slova dugačke reči -
svojstvo
overflow,
koje odseca delove koji izlaze preko granice bloka