Dodaj myślnik przed słowem-przerwie

Question

Może to nie jest możliwe, ale zastanawiałem się, czy istnieje sposób automatycznego wstawiania łącznika na końcu długiego łańcucha bez białych znaków przed złamaniem słowa? Ta jsfiddle pokazuje problem, który mam. Dziękuję Ci.

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

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

Answer 1

Myślę, że najlepszym rozwiązaniem byłoby rozwiązanie javascript.

• Istnieje właściwość w CSS3 hyphens, nie robi dokładnie to, co chcesz (przynajmniej jeszcze nie w wszystkich przeglądarkach) myślę, ale może być interesujące, można przeczytać na nim here lub here.

• Albo tu dyskutować to trochę zbyt i wymienić wtyczkę obsługa JavaScript hyphenator: wordwrap a very long string

Nadzieja niektórych to pomaga.

Answer 2

Dla przeglądarek WebKit to powinno działać:

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

Działa to dla mnie na iOS Chrome, ale nie OS X Chrome. This wpis na blogu wyjaśnia rozwiązanie dla innych przeglądarek, mimo że nadal nie działa dla mnie w systemie OS X Chrome.

Rozwiązanie pokazane jest:

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; 
} 

Jeśli to nie działa w przeglądarkach trzeba, sprawdź hyphenator - javascript narzędzie, które może lepiej osiągnąć to, czego potrzebujesz.

Answer 3

Proszę zobaczyć to skrzypce, może być praca.

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