Vertical Div Spacing

Question

最小限のコードで3つのdivを水平にどのように配布しますか？

私は同じクラスを持つ3つのdivを持っているので、各divの間に19ピクセルの間隔で水平に分散する必要があります。

私の解決策は現在、最初の2 divに19ピクセルの右マージンを与え、19ピクセルの左マージンを与える別のクラスを3 divに割り当てます。

これは仕事を終わらせるが、もっと良いやり方があるように感じる。理想的には、3つのdivはすべて同じクラスを持ちます。

Answer 1

参照：adjacent sibling combinatorを使用していますがhttp://jsfiddle.net/thirtydot/q6Hj8/

.yourDivClass + .yourDivClass { 
    margin-left: 19px 
} 

.yourDivClassによって先行されているすべての.yourDivClassにmargin-leftを適用する - つまり、全ての第1を除きます。

Answer 2

右側に2つの列が必要です。 3番目の列は余分なマージンを必要としません。ボーダーが追加されたので、あなたはそれをフィドルで見ることができます。ここで

div.hasMargin 
{ 
    margin-right: 19px; 
} 

div.column 
{ 
    border-color: black; 
    border-style: solid; 
    border-width: 1px; 
    float: left; 
}

はfiddle