html - 插入数据时表 <td> 高度增加

Question

我有一些带有标准 HTML 的简单表格:

<table class="table datatable">
    <thead>
        <tr>
            <th>ID</th>
            <th>Registrovaný</th>
            <th>Proces</th>
            <th>Stav</th>
            <th>Meno</th>
            <th>Poznámka</th>                                                
            <th>Anglicky</th>
            <th>Nemecky</th>
            <th>Uplatnenie</th>
            <th style="width:10%">Mesto</th>
            <th>Akcia</th>
        </tr>
    </thead>
    <tbody>   
        <tr>
            <td>11</td>
            <td>Text3</td>
            <td>Text3</td>
            <td>Text3</td>
            <td>Text3</td>
            <td>Text3</td>
            <td>Text3</td>
            <td>Text3</td>
            <td>študent,právna asistentka, recepčná,právnik, advokátny koncipient, exekutórsky koncipient, notársky koncipient, advokát</td>
            <td>Text3</td>
            <td>Text3</td>
       </tr> 

    </table>

如您所见，表格是常规的，但是如果我尝试在 <td> 之间插入一些更长的字符串我有问题，因为它使整个 <tr>具有更大的高度。

我想找到一些方法如何在 HTML 中只显示它的一部分，或者找到一种方法如何在单行而不是多行中显示所有内容。

演示:http://fiddle.jshell.net/5n9se0kb/

Answer 1

您可以为 td 设置最大高度，例如 td { max-height: 50px } 然后使用类似 td {overflow-y: scroll} 的东西。或者，td {white-space: nowrap} 应该对你公平。