设置表格行高

Question

我有这个代码：

 <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; }

我究竟做错了什么？

原文由 Hiromi Nagashim 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试这个：

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

原文由 refaelos 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

尝试设置属性 td 所以：

 .topic td{ height: 14px };

原文由 dave 发布，翻译遵循 CC BY-SA 3.0 许可协议