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-break ja overflow-wrap,
mis võimaldavad pika sõna tähti poolitada
omadus overflow,
mis lõikab ploki piiridest välja ulatuva osa

Silt wbr

Näide . Tekst ilma poolitusteta

Näide . Silt wbr

Näide . Sümbol &shy;

Vaata ka

Näide . Sümbol