在CSS 中，當您將元素的display 屬性設為table-cell 時，您正在創建一個類似表格的結構。但是，表格單元格不受邊距屬性的影響。 margin 屬性設定元素邊框之外的空間，但表格單元格預設沒有邊框。
根據MDN 文檔， margin 屬性適用於除table-caption、table 和inline-table 之外的表格顯示類型的元素之外的所有元素。因此，由於 table-cell 不是豁免的表格顯示類型之一，因此 margin 屬性對其不適用。
達到想要的效果表格單元格之間的間距，請改用 border-spacing 屬性。 border-spacing 屬性設定相鄰表格單元格邊框之間的間距。它應該應用於具有 display:table 佈局和 border-collapse:separate 的父元素。
<br>HTML:<br><div> <pre class="brush:php;toolbar:false"><div>
< ;/div>
CSS:
.table {
display: table; border-collapse: separate; border-spacing: 5px;
}
display: table-row;
}
display: table-cell; padding: 5px; border: 1px solid black;
}
以上是為什麼邊距對 CSS 表格單元格不起作用，如何新增間距？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
