Html Firefox和IE中未通过表格单元格的左边框_Html_Css_Html Table_Border

Html Firefox和IE中未通过表格单元格的左边框

html css

Html Firefox和IE中未通过表格单元格的左边框,html,css,html-table,border,Html,Css,Html Table,Border,我正在尝试为表格单元格提供左边框。它在Chrome中运行良好，但在Firefox和IE中不会显示边框我在文档中看到，左边框和右边框没有得到广泛的支持，但可能有一个解决方法，或者我在代码中做了一些错误的事情奇怪的是，我的表格中有圆形边框，它们有左边框和下边框，并且在每个浏览器上都显示得很好以下是相关代码： <tr class="Panel_Middle_Row"> <td class="Panel_Middle_Left_Cell" width="20">&l

我正在尝试为表格单元格提供左边框。它在Chrome中运行良好，但在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>

您可以找到一个示例。

您的

td

为空，因此不显示。添加一个

或者将其添加到表类：

空单元格：show
尝试以下操作：
<!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>


td.Panel_中_左_单元{
宽度：20px；
左边框样式：实心；
左边框颜色：#CCC；
左边框宽度：2px；
}
td.Panel_中间_右侧_单元{
宽度：20px；
右边框样式：实心；
右边框颜色：#CCC；
右边框宽度：2px；
}
jcjgc
喋喋不休
把它放在同一排？？并做一个类似于border left的速记：2px solid#ccc；添加“空单元格：显示；”确实适用于FF，谢谢！但这对我来说没什么区别你试过这个吗？空单元格仅在不处于quirk模式时适用于IE8+（您的网页属于quirk模式。除非您想为IE6编码，否则您应该在页面中添加doctype。）
<!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>