淘先锋技术网

首页 1 2 3 4 5 6 7

在CSS中,所有的元素默认都是有间隔的,包括表格中的tr,这种间隔是由margin和padding属性控制的。在表格中,如果你想去除tr之间的间隔,有以下几种方法:

tr {
margin: 0;
padding: 0;
border-collapse: collapse;
}

1. 设置margin和padding属性为0,但是需要注意的是,在一些浏览器中,表格还是会有微小的间隔,这时可以加上border-collapse: collapse属性。

table {
border-spacing: 0;
}

2. 设置table的border-spacing属性为0,该属性能够控制同一表格内tr之间的边距和单元格内内容与边缘之间的距离,但是如果单元格有边框,仍然不会完全消除间隔。

tr:not(:first-child) {
margin-top: 0;
padding-top: 0;
}

3. 设置除第一个tr之外的所有tr的margin和padding属性为0,这种方法可以同时消除纵向和横向的间隔。

综上所述,消除表格中tr之间的间隔可以采用以上三种方法中的任意一种,不同的情况下选择不同的方法。