南强小屋 Design By 杰米
在使用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,行距
南强小屋 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
南强小屋 Design By 杰米
暂无HTML table行距的改变方法示例的评论...