html - 一排拉伸行高的表格高度

Question

我有一张桌子，里面有一排表头。表格的高度为 195px，当它被渲染（js/jquery）时，第一行拉伸了表格的整个高度。我怎样才能使表格行保持默认高度？我尝试使用 tr:first-child 静态设置高度，但它不起作用。

<table class="tabled">
<tr>
    <th>Header 1</th>
    <th>Header 2</th>
</tr>
</table>

<style>.tabled { height: 195px; } .tabled tr:first-child {20px; }</style>

当它是表中唯一的行时，这<tr>会拉伸整个 195px。

Answer 1

您可以通过将类应用于标题行来通过 CSS 设置高度

<table class="tabled">
<tr class="header">
    <th>Header 1</th>
    <th>Header 2</th>
</tr>
</table>

<style>.tabled { height: 195px; } .header { height: 20px; }</style>