テーブル行の境界線がFirefoxとSafariで機能しない

テーブルの行に、下と上の境界線があるようにしたい。以下のコードはIEでは動作しますが、FirefoxやSafariでは動作しません！親切に助けてください！テーブル行の境界線がFirefoxとSafariで機能しない

HTML

<tr class='TableRow'>

CSS

.TableRow{ 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
    }

出典

2012-04-19 user930514

私の知る限りでは、あなたはCSSを通じて、テーブルの行に境界線を設定することはできません。しかし、私はあなたにこれを回避する方法を提案します：行の中のセルに罫線を設定し、次にcellspacing = "0"を使います。ここはCSSです：

.TableRow td{ 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
}

とサンプルHTMLは次のようになります。

<table cellspacing="0"> 
    <tr class="TableRow"> 
     <td>A</td> 
     <td>B</td> 
    </tr> 
    <tr> 
     <td>C</td> 
     <td>D</td> 
    </tr> 
</table>

最初の行が国境と1になります。

希望に役立ちます。

EDIT：あなたのコードを試しましたが、IEを含むどのブラウザでも境界を表示しませんでした。

出典

2012-04-19 18:27:26

ありがとうございました！ :)それは働いた – user930514

これは私の '

'に 'border-collapse：separate'のCSS宣言を与えた後で私のために働いただけです。 –

これで問題は解決しますか？

tr.TableRow td { 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
}

それはクラスTableRowを持つ任意の列内のテーブルデータの全てに境界線を追加します。最初にtr.を追加することは、テーブルローでのみこのクラスを使用することを前提としているので、良い習慣です。

これを複数の行に適用する場合は、border-collapse:collapse;を追加して境界線を1つの境界線に崩壊させることもできます。

出典

2012-04-19 18:34:58 jleft

border-collapse:collapseをテーブルに追加すると、trに枠線を追加できます。

例：

table.myTable{ 
    border-collapse:collapse; 
} 

table.myTable tr{ 
    border:1px solid red; 
}

出典

2014-01-12 09:24:37

テーブル行の境界線がFirefoxとSafariで機能しない

答えて

関連する問題