Silt wbr
Silt wbr näitab kohta, kus brauser
võib teha reavahetuse vajadusel
(kui tekst ei mahu elemendi laiusesse).
Selliseid poolitusi nimetatakse pehmeteks.
Ei vaja sulgevat silti.
Sõna poolitamisel läbi sildi wbr poolitusmärki
"-" ei lisata. Kui
see on vajalik - kasutage pehmet
poolitust ­ (semikoolon
lõpus on kohustuslik, see pole viga).
Pehme poolitus ­ näitab
brauserile kohta, kus see võib teha sõna
poolituse (vajadusel), pannes
sellele poolitusmärgi "-".
Pehmed poolitused ­ ei
toimi, kui omadus hyphens
on seatud väärtusele none (kuid poolitused
wbr töötavad).
Näide . Tekst ilma poolitusteta
Vaatame näidisteksti, milles on pikki sõnu, mis ulatuvad ploki piiridest kaugemale. Anname plokile väikese laiuse nii, et suur sõna ei mahuks sinna:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Näide . Silt wbr
Siin lisame sildi wbr
kohtadesse, kus soovitame brauseril teha
sõna poolituse vajadusel (pange
tähele, et brauser teeb poolitused
mitte kõikides meie näidatud kohtades):
<div id="elem">
this is super<wbr>super<wbr>super<wbr>long text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Näide . Sümbol ­
Proovime sildi wbr asemel
panna sümboli ­. Poolituskohtades
kuvatakse kriipsud:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Vaata ka
-
silt
br,
,
mis teeb reavahetuse -
omadus
hyphens,
mis määrab tõelised sõnapoolitused -
omadused
word-breakjaoverflow-wrap,
mis võimaldavad pika sõna tähti poolitada -
omadus
overflow,
mis lõikab ploki piiridest välja ulatuva osa