Question

我有一个SQL表，该表从数据库加载到HTML表中。一些列包含许多信息行，现在显示了该行中的所有行，这使该行过高。我想设置一行的最大高度，我使用CSS来设置高度，但是它不起作用。

table tbody tr 
{
    max-height: 20px;
}

任何人都可以帮忙吗？谢谢

Answer 1

尝试此HTML代码

TcpDiscoveryJoinRequestMessage

我希望这会有所帮助。

Answer 2

另一种尝试的解决方法是更改表行或其他表元素的显示

下面是一个简单的示例，说明了它如何工作，但是由于它，您可能需要进行很多样式调整

在下面的示例中，我将表行的显示更改为flex

.test {
  display: flex;
  overflow-y: scroll;
  height: 30px;
}

table {
  width: 100%;
}

<table style="border: 1px solid red">
  <thead>
    <tr>
      <td>heading</td>
    </tr>
  </thead>
  <tbody>
    <tr class="test">
      <td><br><br><br><br><br><br><br><br><br>test</td>
      <td>test<br><br><br><br><br><br><br><br></td>
    </tr>

  </tbody>
</table>

Answer 3

您可以为整个表添加一个类（在示例中为可变行），这将有助于将样式仅应用于该表的行。并将样式应用于表中的所有行，而无需为每行添加类：

returned

fetch

设置表格行的最大高度

3 个答案: