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

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>
如果您觉得本文对您有用,欢迎捐赠或留言~
微信支付
支付宝

发表评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注