Bootstrap-Tabelle Grenze nicht korrekt in Firefox

Question

Bootstrap-Tabelle Grenze nicht korrekt in Firefox angezeigt. Ich habe eine Tabelle im Projekt erstellt, aber sie wird in Firefox nicht richtig angezeigt. Aber Chrom ist in Ordnung. bitte helfen sie mir

Bootstrap Tabelle Grenze nicht korrekt in Firefox angezeigt. Ich habe eine Tabelle im Projekt erstellt, aber sie wird in Firefox nicht richtig angezeigt. Aber Chrom ist in Ordnung. bitte Jungs helfen mir

#product-attribute-specs-table th {border-bottom: medium none;border-radius: 0;border-right: medium none;box-shadow: none;color: #333333;display: block;font-size: 100%;font-weight: 600;line-height: 1.42857;text-align: left; }

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<table id="product-attribute-specs-table" class="data-table table table-striped"> 
 
    <tbody> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr odd=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr odd=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr odd=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr odd=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr odd=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr odd=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr odd=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 1

ändern display: block zu display: table-cell.

CSS:

#product-attribute-specs-table th { 
    border-bottom: medium none; 
    border-radius: 0; 
    border-right: medium none; 
    box-shadow: none; 
    color: #333333; 
    display: table-cell; 
    font-size: 100%; 
    font-weight: 600; 
    line-height: 1.42857; 
    text-align: left; 
} 

Ich hoffe, das Ihnen hilft.

Enjoy :)