Bootstrap表格邊框在Firefox中未正確顯示

Bootstrap表格邊框在Firefox中未正確顯示。我在項目中創建了一個表格，但在Firefox中沒有正確顯示。但鉻是好的。請大家幫我Bootstrap表格邊框在Firefox中未正確顯示

Bootstrap表格邊框在Firefox中顯示不正確。我在項目中創建了一個表格，但在Firefox中沒有正確顯示。但鉻是好的。請你們幫我

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

來源

2016-09-08 Vikas Pareek

爲什麼使用''和''在同一行？只是** **大膽**文本？你可以用'strong'或'b'代替。可能是這是造成這個問題。 – vivekkupadhyay

從這裏學習。 http://www.w3schools.com/bootstrap/bootstrap_tables.asp –

你可以測試這個代碼firefox以及鉻https://jsfiddle.net/cns1p65r/17/它的工作完美，並顯示相同的邊界。 –

變化display: block到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; 
}

我希望這可以幫助你。

享受:)

來源

2016-09-08 16:57:50

謝謝jyoti非常有用的答案。 –

Bootstrap表格邊框在Firefox中未正確顯示

回答

相關問題