Как обрезать длинные слова внутри таблице?

Question

[tarabukinivan]

Добрый вечер!
Использую бутстрап 3.3.7
Сделал простую таблицу

<table class="table">
<thead>
<tr>
    <th width="30%"></th>
    <th width="40%"></th>
    <th width="30%"></th>
</tr>
<thead>
<tbody>
<tr>
<td>ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</td>
<td>dddddddddddddddddddddddddddddddddddddddddddddddddddd</td>
<td>jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj</td>
</tr>
</tbody>
</table>

Если слова очень длинные, то таблица расширяется. Как сделать, чтобы если слова длиннее чем ширина столбца, то чтобы они обрезались?
В простых md использую класс:

.clip {
    white-space: normal; /* Запрещаем перенос строк */
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    text-overflow: ellipsis; /* Добавляем многоточие */
 }

Но они внутри td не работают

Comments

[Сергей delphinpro]

Может лучше так: https://jsfiddle.net/85v8sohe/9/

Answer 1

[Senseich]

https://jsfiddle.net/85v8sohe/5/