Table表格td之间有空隙？你少设了border-collapse

时间: 2024-09-17 20:47:23

(部分内容来自网络，其真实性存疑，为了避免对您造成误导，请谨慎甄别。)

一个表格(table)，当你设置了table和td的border宽度之后，你会发现单元格td与td之间有一点空隙，看起来整个表格不够紧凑美观

我们要如何设置它的css呢？其实只需把table的css改成这样即可：

table {

    border:solid 1px #cccccc;

    border-collapse: collapse;

    border-spacing: 0;

}

即是设置一个border-collapse的属性为collapse，和设置border-spacing的属性为0。