Taggen wbr
Taggen wbr angir et sted hvor nettleseren
kan gjøre et linjebrudd om nødvendig
(hvis teksten ikke får plass i elementets bredde).
Slike brudd kalles myke brudd.
Krever ikke avsluttende tagg.
Ved orddeling gjennom taggen wbr legges ikke
orddelingsstreken "-" til. Hvis
du trenger den - bruk symbolet for mykt
brudd ­ (semikolon
på slutten er obligatorisk, dette er ikke en skrivefeil).
Mykt brudd ­ angir
et sted hvor nettleseren kan dele
ordet (om nødvendig), og sette
da inn orddelingsstreken "-".
Myke brudd ­ vil ikke
fungere hvis egenskapen hyphens
er satt til verdien none (mens brudd
wbr vil fungere).
Eksempel . Tekst uten brudd
La oss se på en prøvetekst der det er lange ord som stikker ut over blokkgrensene. La oss gi blokken en liten bredde slik at det lange ordet ikke får plass i den:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Eksempel . Taggen wbr
Her, la oss legge til taggen wbr på
steder hvor vi anbefaler at nettleseren gjør
et ordbrudd om nødvendig (legg
merke til at nettleseren vil gjøre brudd
ikke overalt hvor vi har angitt):
<div id="elem">
this is super<wbr>super<wbr>super<wbr>long text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Eksempel . Symbolet ­
La oss prøve å sette symbolet ­
i stedet for taggen wbr. På stedene for
brudd vil bindestreker vises:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Se også
-
taggen
br,
,
som gjør et linjebrudd til en ny linje -
egenskapen
hyphens,
som setter ekte orddeling -
egenskapene
word-breakogoverflow-wrap,
som tillater å dele bokstavene i et langt ord -
egenskapen
overflow,
som klipper av deler som stikker ut over blokkgrensene
