css如何删除显示为内联块的表行之间的空格？

1. 了解内联块和表格

在学习如何删除表行之间空格之前，我们需要先了解内联块和表格。内联块是一种让元素在同一行展示的方式，同时又拥有块级元素的一些性质，比如可以设置宽高、上下外边距、边框等。而表格是一种用来展示数据的元素。在 HTML 中，表格可以由 table、tbody、thead、tfoot、tr、td、th 等标签组成。

正常情况下，表格中每行都会自动占据一行，而且行与行之间会有一定的间隔。这个间隔就是表行之间的空格。下面来看一下如何删除这个空格。

2. CSS 删除表行之间空格的方法

要删除表行之间的空格，我们需要通过 CSS 来实现。下面介绍两种常用的方法。

2.1 方法一：使用 border-collapse 属性

将表格的 border-collapse 属性设为 collapse，可以将相邻单元格的边框合并，从而减少行与行之间的空隙。代码如下：

table {
  border-collapse: collapse;
}

这样设置之后，表格的效果如下图所示。

由于单元格的边框合并，所以行与行之间的间隔减少了。

2.2 方法二：使用 line-height 属性

还可以通过设置表格的行高来减少行与行之间的空隙。具体方法是将每行的 line-height 属性设为 0，同时将每个单元格的 line-height 设为表格默认的行高。代码如下：

table {
  line-height: 0;
}
td {
  line-height: normal;
}

这样设置之后，表格的效果如下图所示。

由于每行的行高被设为 0，所以行与行之间的间隔被减少了。

3. 总结

以上就是删除表行之间空格的两种方法。需要注意的是，这些方法虽然可以减少行与行之间的空隙，但也会影响到表格的视觉效果，例如边框之间的间距会变窄等。因此，在使用这些方法的时候，需要根据具体的情况进行调整，尽可能保证表格的视觉效果同时减少空隙。