☰

表の行の高さを設定する 質問する

tag-icon • tag-icon html css
表の行の高さを設定する 質問する

次のようなコードがあります:

<table class="topics" >
    <tr>
        <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">Test</td>
        <td style="padding: 0 4px 0 0;">1.0</td>
        <td>abc</td>
    </tr>
    <tr>

        <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">test2</td>
        <td style="padding: 0 4px 0 0;">1.3</td>
        <td>def</td>
    </tr>
</table>

行の間隔が広すぎます。行をもっと狭くしたいです。

私がやったことは、次の CSS を追加することでしたが、何も変わらないようです。

.topics tr { height: 14px; }

何が間違っているのでしょうか?

ベストアンサー1

これを試して：

.topics tr { line-height: 14px; }

おすすめ記事