テーブル (または他のグリッド レイアウト) の内側の境界線が重なる問題の解決策

質問

テーブル要素を実現します。テーブルの境界線を設定すると、次の図に示すように、内側の境界線が重なっていることがわかります。

解決

border-collapse: テーブル要素に折りたたみを追加

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

一部の小規模パートナーでは、テーブル要素には問題がなくても、テーブルと同様のグリッド レイアウトに問題がある場合は、次の方法を使用できます。

margin: 0 -1px -1px 0;

この方法の原理は、マージンの負の値を使用して、隣り合う境界線を完全に一致させることです。