Oznaka wbr

Oznaka wbr določa mesto, kjer lahko brskalnik naredi prelom vrstice, če je to potrebno (če se besedilo ne prilega v širino elementa). Takšni prelomi se imenujejo mehki.

Ne zahteva zapiralne oznake.

Pri prelamljanju besede preko oznake wbr se simbol preloma "-" ne doda. Če ga potrebujete - uporabite simbol mehkega preloma  (podpičje na koncu je obvezno, to ni napaka).

Mehki prelom  določa brskalniku mesto, kjer lahko naredi prelom besede (v primeru potrebe), pri čemer postavi simbol preloma "-".

Mehki prelomi  ne bodo delovali, če je lastnost hyphens nastavljena na vrednost none (prelomi wbr pa bodo).

Primer . Besedilo brez prelomov

Poglejmo si vzorec besedila, v katerem so dolge besede, ki segajo prek meja bloka. Bloku določimo majhno širino, tako da se velika beseda vanj ne prilega:

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

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

Primer . Oznaka wbr

Tukaj pa dodajmo oznako wbr na mesta, kjer priporočamo brskalniku, naj naredi prelom besede, če je to potrebno (pozorni na to, da brskalnik ne bo naredil prelomov povsod, kjer smo jih navedli):

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

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

Primer . Simbol 

Poskusimo namesto oznake wbr postaviti simbol . Na mestih preloma bodo prikazani vezaji:

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

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

Glejte tudi

oznaka br,
,
ki naredi prelom v novo vrstico
lastnost hyphens,
ki določa prave prelome besed
lastnosti word-break in overflow-wrap,
ki omogočajo prenos črk dolge besede
lastnost overflow,
ki odreže dele, ki segajo prek meja bloka

Oznaka wbr

Primer . Besedilo brez prelomov

Primer . Oznaka wbr

Primer . Simbol &shy;

Glejte tudi

Primer . Simbol