什么是collapse
在CSS中，collapse是指将元素的边框和内部间距去除，以便元素之间更加接近。在某些情况下，此效果可用于隐藏表格的行或列以及其他元素。
使用collapse的示例
下面是一个使用collapse的简单示例，其中一个表格将行和单元格间距设置为0：
table {
border-collapse: collapse;
}
在这个示例中，表格的所有边框线都被渲染成单独的实体边框线。如果不使用collapse，则每个单元格将包含独立的边框，在表格周围形成额外的间距。
collapse与separate的区别
在表格渲染中，collapse是指将单元格的边框合并为单个边框线。相比之下，separate则是在每个单元格之间分别渲染边框。
下面是一个使用separate的表格的示例：
table {
border-collapse: separate;
border-spacing: 5px;
}
在这个示例中，单元格的边框渲染为单独的边框，且单元格之间存在5像素的间距。
使用collapse对表格进行隐藏
除了用于改变表格的渲染方式外，collapse也可以用于将表格的行或列完全隐藏。例如，下面的CSS代码会将表格的第一行隐藏：
tr:first-child {
display: none;
}
在这个示例中，我们使用CSS的:first-child伪类来选择表格的第一行，并使用display:none将其隐藏。
类似地，您还可以使用CSS来完全隐藏表格的列：
td:nth-child(2) {
display: none;
}
在这个示例中，我们使用了CSS的:nth-child伪类来选择表格的第二列，并使用display:none将其隐藏。
总结
在CSS中，collapse是指将元素的边框和内部间距去除，使元素之间更加接近。在表格渲染中，collapse是将单元格的边框合并为单个边框线。除了用于改变表格的渲染方式外，collapse也可以用于将表格的行或列完全隐藏。