0

テーブルヘッダーが 1 行あるテーブルがあります。テーブルの高さは 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 全体を引き伸ばします。

4

1 に答える 1

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>
于 2013-02-06T16:22:57.060 に答える