3

CSS では、表の border-spacing プロパティを使用して、表のセル間の間隔を指定できます。

ただし、これにより、列と行の間の間隔が均一になり、使用しているデザインが行間のギャップを要求するが、列ではなく、またはその逆になる状況が増えています。

無地の背景がある場合は、背景色と同じ色の境界線を使用して間隔をシミュレートできます。

また、(たとえば) div をすべてのテーブル セルの最初の子にし、パディングまたはマージンを使用して目的の結果を得ることができますが、スタイルに対応するためだけに多くの余分なマークアップが必要です。

私が表示しているデータが表形式のデータであることを考えると、表を使用してこのスタイルを実現する賢明な方法はありますか?

4

2 に答える 2

11

または関連するプロパティの水平エッジと垂直エッジに異なる間隔を指定できます。border-spacing複数の測定値を指定するだけです。例えば、

border-spacing: 1px 2px;
于 2008-10-31T10:44:42.800 に答える
6

プロパティにグローバルまたは個別に適用できる値を指定できる一般的なケース(「パディング」など) では、単純なパターンに従います。

  • 単一の値 (例 padding:2px; ) を指定すると、その値はオブジェクトの上下左右に適用されます。

  • 2 つの値を指定すると (例: padding:2px 7px; )、最初の値が上下に適用され、2 番目の値が左右に適用されます。

  • 3 つの値を指定すると、最初の値が上に適用され、2 番目の値が左右に適用され 、最後の値が下に適用されます。

  • 4 つの値を指定すると (例: padding:1px,2px,3px,4px; )、値は上、右、下、左の順に適用されます (TRouBLe という単語を使用した順序を思い出してください)。

于 2008-10-31T11:38:17.777 に答える