Tagu wbr
Tagui wbr tregon vendin ku shfletuesi
mund të bëjë një ndarje të rreshtit nëse është e nevojshme
(nëse teksti nuk përshtatet në gjerësinë e elementit).
Ndërprerje të tilla quhen të buta.
Nuk kërkon tag mbyllës.
Gjatë ndarjes së fjalës përmes tagut wbr, simboli
i ndarjes "-" nuk shtohet. Nëse
ju duhet - përdorni simbolin e ndarjes së butë
­ (pika e presjes
në fund është e detyrueshme, kjo nuk është gabim shtypi).
Ndarja e butë ­ i tregon
shfletuesit vendin ku ai mund të bëjë ndarje
të fjalës (nëse është e nevojshme), duke vendosur
në këtë rast simbolin e ndarjes "-".
Ndarjet e buta ­ nuk
do të funksionojnë nëse vetia hyphens
është vendosur në vlerën none (por ndarjet
wbr do të funksionojnë).
Shembull . Tekst pa ndarje
Le të shohim një mostër teksti, në të cilën ka fjalë të gjata që dalin përtej kufijve të bllokut. Le t'i caktojmë bllokut një gjerësi të vogël në mënyrë që fjala e madhe të mos përshtatet në të:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Shembull . Tagu wbr
Dhe këtu, le të shtojmë tagun wbr në
vendet ku ne rekomandojmë shfletuesit të bëjë
ndarje të fjalës nëse është e nevojshme (kushtojini
vëmendje faktit që shfletuesi do të bëjë ndarje
jo kudo, ku ne kemi treguar):
<div id="elem">
this is super<wbr>super<wbr>super<wbr>long text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Shembull . Simboli ­
Le të provojmë në vend të tagut wbr
të vendosim simbolin ­. Në vendet
e ndarjes do të shfaqen viza:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Shihni gjithashtu
-
tagu
br,
,
i cili bën ndarje në rresht të ri -
vetia
hyphens,
e cila vendos ndarje të vërteta të fjalëve -
vetitë
word-breakdheoverflow-wrap,
të cilat lejojnë ndarjen e shkronjave të një fjale të gjatë -
vetia
overflow,
e cila shkëput pjesët që dalin përtej kufijve të bllokut
