Tege wbr

Tege wbr brauzeriň söz iň ýaramly ýeri bilen göçürip biljek ýerini görkezýär (eger tekst element iň giňişligine sığmaýan bolsa). Beýle göçürmelere ýumşak göçürmeler diýilýär.

Ýapyjy tege talap etmeýär.

wbr tegi arkaly söz göçürilende " -" belgisi goşulmaýar. Eger siziň oňa zerurlygyňyz bolsa - ýumşak göçürmäniň belgisi  ulanuň (ahyryndaky nokatly wezipa hökmanydyr, bu ýalňyş däl).

 ýumşak göçürmäniň belgisi brauzere sözi göçürip biljek ýerini görkezýär (zerurlyk ýüze çykanda), şo ýerde " -" göçürmäniň belgisini goýup.

 ýumşak göçürmäniň belgileri işlemez, eger hyphens hässasy none bahasy berlen bolsa (ýöne wbr göçürmeleri işler).

Mysal . Göçürmesiz tekst

Geliň, uzyn sözler bolan we blok iň giňişliginden daşary çykýan tekstiň nusgasyna seredeliň. Bloka şeýle kiçijik giňişlik bereliň, ýogsa içindäki uly söz sıgmasyn:

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

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

Mysal . Tege wbr

Bu ýerde, geliň wbr tegi goşalyň, ýagny biz brauzere zerurlyk ýüze çykanda sözi göçürip biljek ýerlerinde (üns beriň brauzeriň biz görkezen ýerleriň hemmesinde däl-de, diňe ýerlikli ýerlerinde göçürme edýändigine):

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

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

Mysal .  belgisi

Geliň, wbr tegi iň ýerine  belgisini goýup synap göreliň. Göçürmäniň ýerlerinde defis belgileri görkeziler:

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

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

Şeýle-de göresiňiz

tege br,
,
täze setire göçürme edýär
hyphens hässasy,
hakyky söz göçürmelerini belläp berýär
word-break we overflow-wrap hässalary,
uzyn söziň harplaryny göçürmäge mümkinçilik berýär
overflow hässasy,
blok iň giňişliginden daşary çykýan bölekleri kesip aýyrýar

Tege wbr

Mysal . Göçürmesiz tekst

Mysal . Tege wbr

Mysal . &shy; belgisi

Şeýle-de göresiňiz

Mysal . belgisi