如何消除 HTML 和 CSS 中的表格邊框間距？

消除表格邊框間距

提供的程式碼在表格中的行和列之間顯示出過大的間距，阻礙了所需的無縫外觀。若要解決此問題，請實作下列樣式：

table {
  border-collapse: collapse;
  border-spacing: 0;
}

border-collapse:collapse 屬性合併相鄰的表格邊框，消除元素之間的任何可見分隔。此外，將 border-spacing 設定為 0 以明確指定刪除儲存格間距。

跨瀏覽器相容性

跨瀏覽器相容性，特別是Internet Explorer 6 和7、直接在表格上使用cellspacing屬性勢在必行

<table cellspacing="0">

更新了瀏覽器支援建議

雖然Internet Explorer 版本6 和7 曾經需要直接設定單元格間距，但較新版本的Internet Explorer 和其他流行的瀏覽器支援CSS border-spacing 屬性。為了跨瀏覽器相容性，建議使用兩種方法：

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table.no-spacing {
  cellspacing: 0; /* Supports IE6 and IE7 */
}

以上是如何消除 HTML 和 CSS 中的表格邊框間距？的詳細內容。更多資訊請關注PHP中文網其他相關文章！