Khoảng cách giữa hai đường viền với đường viền trong Chrome và Safari

Question

Tôi có một số table sử dụng thead và tbody. table có border-spacing được đặt và trong Chrome và Safari, khoảng cách giữa hàng tiêu đề và phần còn lại được tăng gấp đôi.

Báo cáo này được báo cáo là issue for Chrome vào cuối năm ngoái, nhưng đó là tham chiếu duy nhất cho điều này tôi có thể tìm thấy.

Có ai khác có điều này hoặc biết cách đi lại không?

<table style="border-spacing: 0 5px"> 
<thead> 
    <tr> 
     <th>Heading 1</th> 
     <th>Heading 2</th> 
     <th>Heading 3</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>Cell 1</td> 
     <td>Cell 2</td> 
     <td>Cell 3</td> 
    </tr> 
</tbody> 

Nó hiển thị như mong đợi (tất cả các hàng cách đều nhau) trong Firefox, không chắc chắn về IE.

Answer 1

thead thứ {vị trí: tương đối; top: 5px;} sẽ làm điều đó

Answer 2

Đó là không chính xác "THE" giải pháp, nhưng bạn có thể muốn có một cái nhìn tại đây để có cách giải quyết mà đã làm việc với trường hợp cụ thể của tôi:

How to remove extra border spacing between TBODY elements?