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 >