Table <td> 插入数据时高度增加

Question

我有一些简单的 table 和标准 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>

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

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

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

Answer 1

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

Table <td> 插入数据时高度增加

Table <td> heigh increase when insert data

html

css

html-table