关于给table的tr设置高度的问题

该文章发布于 ,归类于 HTML/CSS

tabletr设置一个高度,如下方式

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

相关文章