如何消除 HTML 和 CSS 中的表格边框间距？

消除表格边框间距

提供的代码在表格中的行和列之间显示出过大的间距，阻碍了所需的无缝外观。要解决此问题，请实现以下样式：

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

border-collapse:collapse 属性合并相邻的表格边框，消除元素之间的任何可见分隔。此外，将 border-spacing 设置为 0 明确指定删除单元格间距。

跨浏览器兼容性

跨浏览器兼容性，特别是 Internet Explorer 6 和7、必须直接在表格元素上使用 cellspacing 属性。

<table cellspacing="0">

更新了浏览器支持的建议

虽然曾经需要直接设置 cellspacing 来连接互联网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中文网其他相关文章！