Chrome ve Safari'de çift kenarlıklı boşluk

Question

thead ve tbody kullanan table var. table, border-spacing setine sahiptir ve Chrome'da ve Safari'de arasındaki başlık satırı ve arasındaki alan iki katına çıkar.

Geçtiğimiz yıl issue for Chrome olarak bildirildi, ancak bulabildiğim tek referans bu.

Bunu başkası yaptı mı, yoksa etrafından nasıl geçeceğini biliyor mu?

<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> 

beklendiği gibi görüntüler, Firefox'ta değil IE hakkında emin (eşit aralıklı bütün satırlar).

Answer 1

thead th {position: relative; top: 5px;} yapacak bu tam olarak "" çözüm, ama sen benim spesifik vaka ile çalışmış geçici bir çözüm için buraya bir göz atmak isteyebilirsiniz oluyor

Answer 2

:

How to remove extra border spacing between TBODY elements?