Html 表格中的行距

现在，每行内的线条太近：

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

试验
1
abc
测试2
1.3
def

---

我尝试更改

。主题td{line height:16px；}

但相同。我希望行内的行更进一步。

只需增加行高，例如

。主题td{line height:30px；}

。在这里您可以看到您的代码正在运行：

只需增加行高，例如

。主题td{line height:30px；}

。在这里，您可以看到您的代码正在运行：

进一步增加

行高度

？这里有一个小提琴的例子：进一步增加

行的高度

？这里有一个小提琴的例子：

 .topics td { line-height: 30px; }