table中tr间距的设定

table中tr间距的设定

问题提出：

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 >