0

我正在尝试为表格单元格提供左边框。它在 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>

和相应的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;*/
}

你可以在这里找到一个例子。

4

2 回答 2

0

你td是空的，因为它们没有显示出来。添加一个&nbsp;.

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

于 2012-10-16T13:25:14.043 回答
0

试试这个：

<!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-16T13:29:21.450 回答