De tag wbr
De tag wbr geeft een plaats aan waar de browser
een regelafbreking kan maken indien nodig
(als de tekst niet in de breedte van het element past).
Dit soort afbrekingen worden zachte afbrekingen genoemd.
Vereist geen sluitende tag.
Bij het afbreken van een woord via de tag wbr wordt het
afbreekteken "-" niet toegevoegd. Als
u dit nodig heeft - gebruik dan het symbool voor zachte
afbreking ­ (de puntkomma
aan het einde is verplicht, dit is geen typefout).
De zachte afbreking ­ geeft
de browser een plaats aan waar hij een afbreking
van een woord kan maken (indien nodig), en plaatst
daarbij het afbreekteken "-".
Zachte afbrekingen ­ werken
niet als de eigenschap hyphens
is ingesteld op de waarde none (maar afbrekingen
met wbr werken wel).
Voorbeeld . Tekst zonder afbrekingen
Laten we kijken naar een voorbeeldtekst waarin er lange woorden staan die buiten de grenzen van het blok uitsteken. We geven het blok een kleine breedte, zodat een lang woord er niet in past:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Voorbeeld . De tag wbr
Laten we hier de tag wbr toevoegen op
plaatsen waar we de browser aanraden om een
afbreking van het woord te maken indien nodig (let op
het feit dat de browser de afbrekingen
niet overal maakt waar we ze hebben aangegeven):
<div id="elem">
this is super<wbr>super<wbr>super<wbr>long text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Voorbeeld . Het symbool ­
Laten we in plaats van de tag wbr
het symbool ­ proberen te plaatsen. Op de plaatsen
van afbreking worden koppeltekens weergegeven:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Zie ook
-
de tag
br,
,
die een afbreking naar een nieuwe regel maakt -
de eigenschap
hyphens,
die echte woordafbrekingen instelt -
de eigenschappen
word-breakenoverflow-wrap,
die het mogelijk maken letters van een lang woord af te breken -
de eigenschap
overflow,
die de delen die buiten de grenzen van het blok uitsteken afsnijdt
