table中tr間距的設定

2021-08-06 06:07:34 字數 725 閱讀 6260

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 和...