Как установить максимальное количество строк текста (переносов) в тд?

Question

<table border="3">
        <tr> <td class="table_class">111111 222222 333333 </td> <td class="table_class">234 </td> </tr>
        <tr> <td class="table_class">2321</td> <td class="table_class">ssS</td> </tr>
    </table>

.table_class {
    width: 20px;
}

Пример в реальном времени: http://jsfiddle.net/Nzd9K/

Как я могу "захватить" количество строк в TD?Например, я хотел бы максимум две строки в TD.Я могу использовать substr, но это не очень хорошая идея.Дополнительный текст можно обрезать.

Answer 1

Вы можете добавить упаковку div с overflow: hidden внутри каждого td.

См .: http://jsfiddle.net/Nzd9K/17/

<td class="table_class"><div>111111 222222 333333</div></td>

.table_class div {
    height: 2.5em; /* adjust to taste */
    overflow: hidden
}