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

これを試して：

<!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 に答える
0

あなたtdは空なので、表示されません。を追加し&nbsp;ます。

または、これをテーブル クラスに追加します。empty-cells: show;

于 2012-10-16T13:25:14.043 に答える