3

IE10 で動作しないテーブルでの境界線の崩壊の解決策に出くわした人はいますか?

必要に応じて Web サイトにテーブルを使用しており、他のすべてのブラウザーでは問題なく表示されますが、IE 10 以降、境界線が太くなりすぎています。

任意の助けをいただければ幸いです

4

1 に答える 1

6

上記の質問は数か月前のものかもしれませんが、今日私は同じ問題に遭遇し、理想的なものではありませんが、少なくともいくつかの可能な解決策を提供できると考えました.

問題が説明しているように、border-collapse を使用すると、追加される境界線がないにもかかわらず、IE10 で太い境界線が発生します。border-collapse を省略した場合、border-width は通常の太さのままです。ただし、border-width を省略すると、セル間にスペースができます。

目的の結果を得る唯一の方法は、border-collapse をまったく使用しないことです。代わりに、'border-spacing:0px;' を使用してください。セル間のスペースを取り除き、境界線を非常に具体的に定義します。

例：

これ

table{
    border-collapse: collapse;
}
table td{
    border: 1px solid black;
}

なるだろう

table{
    border-spacing: 0px;
    border-top: 1px solid black;
    border-right: 1px solid black;
}
table td{
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

前に言ったように、それは理想的ではありませんが、少なくともクロスブラウザーで望ましい結果が得られるでしょう。

注: IE10 の問題は、border-width が 1px の場合にのみ発生します。border-collapse:collapse; を使用すると、1px の border-width は 2px になります。IE10で。より高いボーダー幅を使用すると、結果は正常になります。

于 2013-07-24T15:52:09.920 に答える