给table的tr设置一个高度，如下方式

<table>
  <tr style="line-height: 40px;height: 40px;">
    <td>some value</td>
    <td>some value</td>
    <td>some value</td>
    <td>some value</td>
  </tr>
</table>

结果发现，tr显示的并不是40px，可能会比40px大。出现这个问题是因为table默认属性导致的，需要初始化一下table的默认显示方式就可以了。

<style>
table {
  border-collapse: collapse;
  border-spacing: 0;
}
</style>
<table cellspacing="0" cellpadding="0">
  <tr style="line-height: 40px;height: 40px;">
    <td>some value</td>
    <td>some value</td>
    <td>some value</td>
    <td>some value</td>
  </tr>
</table>

相关文章:

• 网页中如何实现类似毛玻璃效果
• 谈谈sans-serif
• IOS如何禁用长按弹出链接地址
• css多行隐藏
• 移动端点击背景变蓝？