Szótörés, szóelválasztás

A word-wrap tulajdonság értékével megadható, hogy a böngésző miként törheti meg a hosszú szavakat.

normal= csak ott töri meg ahol egyébként is lehetséges.
pre= bárhol megtörheti, ha a rendelkezésre álló hely az kívánja.

A <wbr> HTML címke segítségével kijelölhetők a sortörés lehetséges helyei.

A szóköz beállítása:

kijelölő

{

word-wrap

kulcsszó;

}

Példa:

Forráskód


<style>
        p {background-color:#80ffff;}
        div {width: 130px;  margin:1px;
                border:1px solid blue;}
        .div1 {word-wrap:normal;}
        .div2 {word-wrap:break-word;}
        .div3 {word-wrap:normal;}
</style> 
...
<body> 
  <div class="div1">
     szóelválasztásminta 
  </div>  
  <div class="div2"> 
     szóelválasztásminta 
  </div>
  <div class="div3">
     szó<wbr>elválasztás<wbr>minta 
  </div>     
</body>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_szoveg_szotores_01.html