Die wbr-tag
Die tag wbr dui aan waar die blaaier
'n reëling kan maak indien nodig
(as die teks nie in die wydte van die element pas nie).
Sulke reëlings word sagte reëlings genoem.
Vereis nie 'n sluitingstag nie.
Met 'n reëling deur die tag wbr word die
reëlingteken "-" nie bygevoeg nie. As
jy dit nodig het - gebruik die sagte
reëlingteken ­ (die kommapunt
aan die einde is verpligtend, dit is nie 'n fout nie).
Die sagte reëling ­ dui vir
die blaaier aan waar hy 'n reëling kan
maak (indien nodig), deur die
reëlingteken "-" te plaas.
Sagte reëlings ­ sal nie
werk as die eienskap hyphens
op die waarde none gestel is nie (maar reëlings
met wbr sal werk).
Voorbeeld . Teks sonder reëlings
Kom ons kyk na 'n teksmonster waarin daar lang woorde is wat uitsteek oor die blok se grens. Ons sal die blok 'n klein wydte gee sodat die lang woord nie daarin sal pas nie:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Voorbeeld . Die wbr-tag
Hier gaan ons die tag wbr by
die plekke voeg waar ons die blaaier aanbeveel om 'n
reëling te maak indien nodig (let
daarop dat die blaaier reëlings sal maak
nie oral waar ons aangedui het nie):
<div id="elem">
this is super<wbr>super<wbr>super<wbr>long text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Voorbeeld . Die ­ simbool
Kom ons probeer om in plaas van die tag wbr
die simbool ­ te plaas. By die plekke
van reëling sal daar koppeltekens verskyn:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Kyk ook na
-
die tag
br,
,
wat 'n reëling na 'n nuwe reël maak -
die eienskap
hyphens,
wat ware woordreëlings spesifiseer -
die eienskappe
word-breakenoverflow-wrap,
wat dit toelaat om letters van 'n lang woord oor te bring -
die eienskap
overflow,
wat die dele wat oor die blok se grens uitsteek afsny
