103 of 133 menu

wbr-tagget

Tagget wbr angiver et sted, hvor browseren kan foretage en linjeombrydning, hvis det er nødvendigt (hvis teksten ikke passer i elementets bredde). Sådanne ombrydninger kaldes bløde.

Kræver ikke en lukkende tag.

Ved orddeling gennem tagget wbr tilføjes ombrydningstegnet "-" ikke. Hvis du har brug for det - brug symbolet for blød ombrydning ­ (semikolon i slutningen er obligatorisk, det er ikke en tastefejl).

Den bløde ombrydning ­ angiver for browseren et sted, hvor den kan dele et ord (hvis nødvendigt), ved at indsætte ombrydningstegnet "-".

Bløde ombrydninger ­ vil ikke fungere, hvis egenskaben hyphens er sat til værdien none (mens ombrydninger wbr vil).

Eksempel . Tekst uden ombrydninger

Lad os se på en prøvetekst, hvor der er lange ord, som stikker ud over blokkens grænse. Vi giver blokken en lille bredde, så et langt ord ikke kan passe i den:

<div id="elem"> this is supersupersuperlong text </div> #elem { width: 200px; border: 1px solid black; }

:

Eksempel . wbr-tagget

Her, lad os tilføje tagget wbr på de steder, hvor vi anbefaler, at browseren foretager en orddeling, hvis nødvendigt (vær opmærksom på, at browseren vil foretage ombrydninger ikke overalt, hvor vi har angivet det):

<div id="elem"> this is super<wbr>super<wbr>super<wbr>long text </div> #elem { width: 200px; border: 1px solid black; }

:

Eksempel . Symbolet &shy;

Lad os prøve at sætte symbolet &shy; i stedet for tagget wbr. På ombrydningsstederne vil der blive vist bindestreger:

<div id="elem"> this is super­super­super­long text </div> #elem { width: 200px; border: 1px solid black; }

:

Se også

  • tagget br,
    ,
    som laver et linjeskift
  • egenskaben hyphens,
    som angiver ægte orddeling
  • egenskaberne word-break og overflow-wrap,
    som tillader at flytte bogstaver i et langt ord
  • egenskaben overflow,
    som afskærer dele, der stikker ud over blokkens grænse
← →
↑
uzlkkdehien