html - 表格单元格的左边框在 Firefox 和 IE 中不通过

Question

我正在尝试为表格单元格添加左边框。它在 Chrome 中工作正常，但在 Firefox 和 IE 中不显示边框。

我在文档中看到左右边框未得到广泛支持，但也许有解决方法，或者我在代码中做错了什么。

奇怪的是，我的表格中有圆 Angular 边框，有左边框和底边框，而且它们在每个浏览器上都显示正常。

相关代码如下:

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

Answer 1

您的 td 是空的，因此不会显示。添加一个 。

或者将其添加到您的表类中:empty-cells: show;