HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

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.
  1. normal= csak ott töri meg ahol egyébként is lehetséges.
  2. 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