6

テーブルの境界線が正しく表示されないという問題があります。以下は、問題を再現するフィドルです。

このFiddleは、FF と Chrome で期待される結果を生成しますが、IE9 と IE10 では生成しません。

適用されている css のみが border-collapse: collapse と

td{
   border:1px solid;
}

2 番目の表の行には、下部全体に沿って境界線があるはずですが、2 番目の表のセルには境界線がありません。この画像で見ることができます。

この問題は、表の一部が強調表示されると解消されますが、境界線が最初に存在するはずです。問題を表示するには、フィドルを更新する必要がある場合があります。

これは既知の IE の問題ですか、それとも適用する必要があるスタイルは他にありますか?

4

5 に答える 5

1

私にとってこれはうまくいきました：

<table cellspacing="0" and cellpadding="0"> ... </table>
于 2014-06-24T10:08:07.753 に答える
1

これは によって引き起こされるborder-collapse: collapseため、境界線を手動で正しい場所に配置し、 を使用することでも解決できますborder-collapse: separate。

table { 
    border-collapse: separate;
    border-spacing: 0;
}

td {
    border-bottom:1px solid;
    border-right:1px solid;
}

tr > td:first-child {
    border-left: 1px solid;
}

table tr:first-child td {
    border-top: 1px solid;
}

border-spacingどちらもサポートしていないため、これは IE7 以下では機能しません:first-child。

于 2013-04-30T09:23:12.963 に答える
0

/でposition: static;の使用がうまくいくことがわかりました。thtd

table {
    border-collapse: collapse;
    border: none;
}
tr {
    border: none;
}
th, td {
    position: static;
    border: 1px solid #000;
}
于 2020-10-22T15:14:12.703 に答える