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:

html<div id="elem">
  this is supersupersuperlong text
</div>

css#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):

html<div id="elem">
  this is super<wbr>super<wbr>super<wbr>long text
</div>

css#elem {
  width: 200px;
  border: 1px solid black;
}

Результат:

Näide . Sümbol ­

Proovime sildi wbr asemel panna sümboli ­. Poolituskohtades kuvatakse kriipsud:

html<div id="elem">
  this is super­super­super­long text
</div>

css#elem {
  width: 200px;
  border: 1px solid black;
}

Результат:

Vaata ka