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

该文章由 leevare 发布于 ，归类于 HTML/CSS。

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

如果觉得我的文章对您有用，请您随意打赏。您的支持将鼓励我更加努力创作！

如无特殊声明，文章均为原创，若有不正之处，万望告知。转载请附上原文地址，十分感谢！

本文地址：https://www.leevii.com/?p=1651

相关文章: