如何在td中设置文本行（换行）的最大数量？

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
}