删除css中单元格之间的表格行和表空间

Question

我有这个网站：http://redditlist.com/dir/1026而且我一直试图去除单元格之间的间距，所以它看起来更像是这样：http://redditlist.com。

Answer 1

table#myTable{
  border-collapse:collapse;
}

Answer 2

使用border-collapse CSS属性删除单元格之间的空格：

table {
    border-collapse: collapse;
}

默认情况下，您会看到表格单元格之间的间距，因为每个单元格都有自己的边框，单元格不共享边框。这被称为“分离模型”，如Mozilla Developer CSS Reference：

中所述

  

分离的模型是传统的HTML表格边框模型。相邻的细胞各自具有其独特的边界。它们之间的距离由border-spacing属性给出。

您可以通过使单元格彼此共享边框来“移除”单元格之间的间距，这称为“折叠边框模型”：

  

在折叠边框模型中，相邻的表格单元格共享边框。

Answer 3

试试这个

table.className td
{
    display: inline-block;
}

或

table.className td
{
    display: block;
}

Answer 4

试

table td { display: table-cell; }