HTML table行距的改变方法示例

在行使HTML表的时辰偶然辰必要我们改变行距，可是改变margin，padding，collapse等要领结果都不是很好。在这里我找到了一个适用的小能力。操作display属性+margin来实现。
例子：

tr{margin-top:0px;padding:0px;display:block;}

我们来看一下比拟

tr{margin-top:-10px;padding:0px;display:block;}

可以很明明的看到行距收缩了不少。

其他办理要领

题目提出：

table中的tr的默认display:table-row，固然可以修改为display：block可是就失去了tr特有的表现结果，如(td自动对齐)；

而且在tr中对起设定padding是有效的，可以增进内边距，可是设定margin是没有效的，tr的外间距依然是0；

办理方案：

css的两个属性：border-collapse:collapse / separate  & border-spacing:10px 10px；

必要用border-collapse & border-spacing连系节制tr的间距；

如：

<table style="border-collapse:separate; border-spacing:10px;"> <tr></tr> </table>

到此这篇关于HTML table行距的改变要领示例的文章就先容到这了,更多相干HTML table行距内容请搜刮剧本之家早年的文章或继承赏识下面的相干文章，但愿各人往后多多支持剧本之家！

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!