103 of 133 menu

Taggen wbr

Taggen wbr anger en plats där webbläsaren kan bryta en rad om nödvändigt (om texten inte får plats i elementets bredd). Sådana radbrytningar kallas mjuka.

Kräver ingen avslutande tagg.

Vid radbrytning av ett ord via taggen wbr läggs inte radbrytningsstrecket "-" till. Om du behöver det - använd det mjuka avstavningstecknet ­ (semikolon i slutet är obligatoriskt, det är inte ett stavfel).

Det mjuka avstavningstecknet ­ anger för webbläsaren en plats där den kan bryta ett ord (om nödvändigt) och samtidigt sätta ut ett bindestreck "-".

Mjuka avstavningar ­ kommer inte att fungera om egenskapen hyphens är satt till värdet none (medan radbrytningar med wbr kommer att fungera).

Exempel . Text utan radbrytningar

Låt oss titta på ett textprov där det finns långa ord som sticker ut förbi blockets gräns. Låt oss ge blocket en liten bredd så att det långa ordet inte får plats i det:

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

:

Exempel . Taggen wbr

Här, låt oss lägga till taggen wbr på de platser där vi rekommenderar webbläsaren att göra en radbrytning av ordet om nödvändigt (notera att webbläsaren kommer att göra radbrytningar inte överallt där vi angav):

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

:

Exempel . Tecknet &shy;

Låt oss försöka sätta tecknet &shy; istället för taggen wbr. På platserna för radbrytning kommer bindestreck att visas:

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

:

Se även

  • taggen br,
    ,
    som gör en radbrytning till en ny rad
  • egenskapen hyphens,
    som anger riktiga ordavstavningar
  • egenskaperna word-break och overflow-wrap,
    som tillåter att bokstäver i ett långt ord bryts
  • egenskapen overflow,
    som klipper av delar som sticker ut beyond blockets gräns
← →
↑
enhuitplhi