0

次のスタイルのテーブルがあります:

table {
    border-collapse:collapse;
}

td, th {
    height: 20px;
    width: 20px;
    border: 1px solid #000000;
    text-align:center;
}

th {
    border: 0;
}

1 つまたはいくつかのセルの境界線の幅を変更すると、行と列の幅、およびテーブル全体の幅が未定義の方法で変更されます。それほど深刻ではありませんが、影響を受けるセルの境界を除いて、視覚的な変化をまったく防ぎたいと思っています。これらのセルの幅または高さを変更しても役に立ちません。テーブルの位置の変更を防ぎ、必要なセルの境界線の幅のみを変更するにはどうすればよいですか?

JSFiddle

UPD 問題が修正されました。テーブルの右と下に 2 つの行と列を追加し、最後の行と列で境界線を 2px に設定します。

4

1 に答える 1

0

border-collapse:collapse は、すべてのセルの境界線が一緒にマッシュされ、同じスタイルになることを意味します。

このリンクを参照してください

崩壊 - テーブル セル間のスペースと境界線の両方が崩壊するため、境界線は 1 つだけになり、セル間にスペースはありません。

于 2014-04-01T12:23:45.063 に答える