给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>
如果觉得我的文章对您有用,请您随意打赏。您的支持将鼓励我更加努力创作!
如无特殊声明,文章均为原创,若有不正之处,万望告知。转载请附上原文地址,十分感谢!