Question

我有一张桌子，第一排就像

<tr>
<th>1</th>
<th>2</th>
</tr>

我把黑色背景设为“th”。现在1和2单元格之间有某种边界/分隔它们......我看了一下源代码，我想我找到了一些东西：

border-collapse: separate;
border-spacing: 2px;

此CSS代码在源代码中列为“用户代理样式表”，我无法启用/禁用它来测试这是否是问题，但我尝试添加了相同的代码但是“无”和“0” “参数，但它没有帮助......

有人可以帮助并指导我来自哪里？

Answer 1

默认情况下，您的表格如下所示，并在表格ID或类

上设置css规则

<table border="0" cellspacing="0" cellpadding="0">
 <tr>
  <th>1</th>
  <th>2</th>
</tr>
</table>

css：

border-collapse: collapse;

Answer 2

在桌面上设置CSS规则：

table {
    border-collapse: collapse;
}

您可以访问此 jsFiddle example 并将border-collapse属性从折叠切换为单独以查看它如何更改表格的布局。 border-collapse property只能崩溃，分离或继承。

Answer 3

border-collapse: none无效。试试border-collapse: collapse。

Answer 4

你可以使用边框折叠。 border-collapse属性设置表边框是折叠为单个边框还是分离为标准HTML。

来自http://www.blooberry.com/indexdot/css/properties/table/bcollapse.htm：

在CSS2折叠边界模型中，规定解决为相邻单元格指定的边界不同且存在冲突的情况：
如果任何共享边框的任何共享成员的“边框”设置为“hidden”，则公共边框应无条件设置为“hidden”



如果任何共享边框的组件中“border”设置为“none”，则任何其他带有可渲染“border”属性值的边界共享成员都可以覆盖它。 / p>


如果所有边境共享成员为边框组件指定值“无”，则只有这样才能将边框设置为“none”。



如果共享边框存在“border-width”争用，（当然没有任何组件的“边框”值为“hidden”，则应呈现最大边框宽度



如果共享边框存在“边框式”争用，则应使用建议的优先级（从左到右递减）：“double”，“solid”，“ dashed“，”dotted“，”ridge“，”outset“，”groove“，”inset。“
如果共享边框具有“border-color”争用，则应使用建议的优先级（从左到右递减）：表格单元格，表格行，行组，列，列组，表格。 / p>
table
  {
   border-collapse:collapse;
  }
注意


在“折叠边框”渲染模型中，“inset”的“border-style”值的行为类似于“groove”，“outset”的行为类似于“ridge”。

CSS2指定此属性的初始值为“collapse”。因为Mozilla和Opera的行为使得初始值是“独立的”，所以CSS2.1现在使其“分离”官方初始值。

Answer 5

试试这个

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

如何删除表中的边框间距

5 个答案: