html - 减少 html tr 标签之间的默认间距

Question

如何减少 <tr> 之间的间距表标签？我想低于 0 的单元格间距。换句话说，我希望行几乎相互接触。

我有:

<table class="table">
  <tr class="row"><td>One</td></tr>
  <tr><td>Two</td></tr>
</table>

我试过类似下面的 CSS:

.table{ font-size: 12px; padding: 0;  margin:0;    }
.row{    height: 30px    }  / *tried playing with this to no avail */

没有成功——表格行没有比默认值更近。

Answer 1

.table{
    border-collapse:collapse;
} 

.table tr td{
     height: 30px;
     padding: 0;
}

不确定标准，但我注意到只有我用于 TD 的规则有效，不适用于 TR!