在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之間的間隔可以采用以上三種方法中的任意一種,不同的情況下選擇不同的方法。