border-collapse:separate; border-spacing:0 10px;
谷歌、ie都支援
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的間距;如:1
table中設定tr行間距
css border collapse 屬性設定 的邊框是否被合併為乙個單一的邊框值描述 separate 預設值。邊框會被分開。不會忽略 border spacing 和 empty cells 屬性。collapse 如果可能,邊框會合併為乙個單一的邊框。會忽略 border spacing 和...
table中設定tr行間距
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!css border collapse 屬性設定 的邊框是否被合併為乙個單一的邊框值描述 separate 預設值。邊框會被分開。不會忽略 border spacing 和 empty cells 屬性。collapse 如果可能,邊框會合併為乙個...
table中設定tr行間距
css border collapse 屬性設定 的邊框是否被合併為乙個單一的邊框值描述 separate 預設值。邊框會被分開。不會忽略 border spacing 和 empty cells 屬性。collapse 如果可能,邊框會合併為乙個單一的邊框。會忽略 border spacing 和...