Border-Spacing を使用せずにテーブルの行間にスペースを追加する方法

表内の行の間隔

表の行間に垂直方向の間隔を追加すると、読みやすさと視覚的な魅力が向上します。 border-spacing はこの目的には理想的なプロパティのように思えるかもしれませんが、これは表のセル間の間隔にのみ影響します。行間隔を確保するには、代替ソリューションを検討する必要があります。

重要なのは、個々のテーブル データ セル ( 要素) の パディング を調整することにあります。 CSS ソリューションは次のとおりです。

<🎝🎝🎝>

このコードでは、クラス「spaceUnder」を持つテーブル行の直接の子 (>) を対象としています。これにより、スペースを選択できるようになり、ネストされたテーブルのシナリオで役立ちます。

「padding-bottom」プロパティは、セルの内容の下の垂直方向のスペースを定義します。必要に応じてこの値を調整して、適切な行間隔を実現します。セルの下部をパディングすることで、セルとその下の行の間に効果的にギャップを作成します。

したがって、この場合、境界線の間隔は適用できませんが、パディングは行間隔を制御する効果的な手段となります。表にあります。

以上がBorder-Spacing を使用せずにテーブルの行間にスペースを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。