Как обернуть текст в ячейку таблицы на дефис?

Question

Я нашел свойства CSS 3 text-wrap и overflow-wrap, но они, похоже, ничего не делают.

http://www.w3schools.com/cssref/css3_pr_text-wrap.asp

Как обернуть текст в дефисы внутриячейка таблицы?Тестирование на Chrome 14.

Answer 1

Вы должны использовать table-layout:fixed. Протестировано в Chrome 15 и IE7.

HTML:

<table>
  <tbody>
    <tr>
      <td>htqdrs-sdfwwwf-dfaaa-com-bbb-ccc-ddd-eee-fff-kljdfgg</td>
    </tr>
  </tbody>
</table>

CSS:

table {    
    table-layout:fixed;
    width : 50px;
    border : 1px solid #000;    
    word-wrap : break-word;
}
td {
    width : 50px;
}

JS Fiddle: http://jsfiddle.net/9ZjCy/1/

Answer 2

Требуется предложенный (нестандартный) CSS 3 текст hyphens свойство:

td { hyphens: manual }

Обратите внимание, что это только поддерживается в FF, Chrome и Safari; это не поддерживается в IE или Opera .