Kelime molalarından önce tire ekle

Question

Belki bu mümkün değil, ancak bir sözcüğü kırmadan önce boşluk bırakmadan uzun bir dizenin sonuna kısa çizgi eklemenin bir yolu olup olmadığını merak ediyordum? Bu jsfiddle, sahip olduğum sorunu gösterir. Teşekkür ederim.

table { 
     width:200px; 
     word-wrap:break-word; 
     table-layout: fixed; 
     } 

<table> 
    <td>Pneumonoultramicroscopicsilicovolcanoconiosis</td> 
</table> 

Answer 1

En iyi bahsinizin javascript çözümü olacağını düşünüyorum.

• istediğini tam olarak yapmaz (en azından henüz tüm tarayıcılarda) sanırım, CSS3 bir hyphens mülkiyet yok, ama ilginç olabilir, bunu here veya here okuyabilirsiniz.

• Veya burada onlar bunu biraz fazla tartışmak ve bir javascript plugin Heceleyici söz: Bu bazı yardımcı olur wordwrap a very long string

Umut.

Answer 2

webkit tarayıcılar için bu çalışması gerekir:

table 
{ 
    width: 200px; 
    word-break: break-word; 
    -webkit-hyphens: auto; 
} 

Bu iOS Chrome benim için çalışıyor, ancak OS X Krom. This blog post'u, diğer tarayıcıların çözümlerini açıklamasına rağmen, OS X Chrome'da hala benim için çalışmadı.

gösterilmektedir çözümdür:

table 
{ 
    -ms-word-break: break-all; 
    word-break: break-all; 

    // Non standard for webkit 
    word-break: break-word; 

    -webkit-hyphens: auto; 
    -moz-hyphens: auto; 
    hyphens: auto; 
} 

bu, size gereken tarayıcılarda çalışır hyphenator kontrol etmiyorsa - daha ne gerek başarmak olabilir bir javascript yarar.

Answer 3

Lütfen bu kemanı görebilir, işe yarayabilir.

`http://jsfiddle.net/76qBy/`