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ë:

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

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

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

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

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

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

Результат:

Shihni gjithashtu