表格单元格的左边框没有通过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浏览器

回答

相关问题