在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; }
我究竟做错了什么？
尝试这个：
.topics tr { line-height: 14px; }
尝试设置td的属性如此：
.topic td{ height: 14px };
你可以删除一些额外的间距以及如果你放置一个border-collapse: collapse; 您的表上的CSS语句。
行高只有当它大于当前的<td>内容的高度时才起作用。 所以，如果表格中有一个50×50的图标，则tr行高不会小于50px（+ padding）。
由于您已经将填充设置为0它必须是别的东西，
例如td内的大字体大小比14px大。
如果您正在使用Bootstrap，请查看您的td的padding 。
一旦我需要通过使用内联CSS修复一个特定的价值行的高度如下..
<tr><td colspan="4" style="height: 10px;">xxxyyyzzz</td></tr>
