表格單元格的左邊框沒有通過Firefox和IE瀏覽器

我想給一個表格單元格留下一個邊框。它在Chrome中運行良好，但在Firefox和IE中，不顯示邊框。表格單元格的左邊框沒有通過Firefox和IE瀏覽器

我在文檔中看到左側和右側邊界沒有得到廣泛支持，但也許有一個解決方法，或者我在代碼中做錯了什麼。

奇怪的是我在我的表中有四邊形的邊框，它們都有左邊框和底邊框，並且它們在每個瀏覽器上都顯示得很好。

下面是相關代碼：

<tr class="Panel_Middle_Row"> 
    <td class="Panel_Middle_Left_Cell" width="20"></td> 
    <td class="Panel_Middle_Middle_Cell">blablabla</td> 
    <td class="Panel_Middle_Right_Cell"></td> 
</tr>

而且根據CSS：

.Panel_Middle_Left_Cell { 
    width: 20px; 
    border-left-style:solid; 
    border-left-color:#CCC; 
    border-left-width:2px; 
} 
.Panel_Middle_Right_Cell { 
    width: 20px; 
    border-right-style:solid; 
    border-right-color:#CCC; 
    border-right-width:2px;*/ 
}

你可以找到一個例子here。

來源

2012-10-16 Mats Raemen

把它放在行？並做一個像border-left的簡寫：2px solid #ccc; –

您的td是空的，因此它們不顯示。添加 。

或者添加到您的表類：empty-cells: show;

來源

2012-10-16 13:25:14 Kraz

加入「empty-cells：show」爲FF工作確實，謝謝！但它在IE –

沒有區別你試過？空單元格只適用於IE8 +，而不是以怪異模式工作（您的網頁屬於quirkmode。除非您想爲IE6_編碼，否則您應該添加文檔類型）。 – Kraz

確實有效，謝謝！ –

試試這個：

<!DOCTYPE html> 
<html> 
<head> 
<style>  
td.Panel_Middle_Left_Cell { 
    width: 20px; 
    border-left-style:solid; 
    border-left-color:#CCC; 
    border-left-width:2px; 
} 

td.Panel_Middle_Right_Cell { 
    width: 20px; 
    border-right-style:solid; 
    border-right-color:#CCC; 
    border-right-width:2px; 
} 
</style> 
</head> 

<body> 
<table> 
<tr class="Panel_Middle_Row"> 
    <td class="Panel_Middle_Left_Cell">jcjgcjgc</td> 
    <td class="Panel_Middle_Middle_Cell">blablabla</td> 
    <td class="Panel_Middle_Right_Cell"></td> 
</tr> 
</table> 
</body> 
</html>

來源

2012-10-16 13:29:21

表格單元格的左邊框沒有通過Firefox和IE瀏覽器

回答

相關問題