CSSで正しいモザイクを作るには？この例では</p> <p>：

Question

は、私はCSSで解決する方法を知っていることはない一般的な問題を抱えているhttp://cssdesk.com/5s6eH

li間ulとli幅と10pxのを維持しながら、どのように私は行ごとに3 liを得ることができますか？

編集：事前に列の数を知る必要のない汎用ソリューションを探しています。

Answer 1

nth-child magic。おそらくIEの古いバージョンでは動作しません。

li:nth-child(3n+3) { 
    margin-right: 0px; 
} 

http://cssdesk.com/p4VTX

Answer 2

あなたは明らかにあなたは余裕を持ってしたくないどの要素を指定する必要があります。あなたは、あなたが持っているリスト要素の数とあなたが望む列の数を上級で知る必要があります。大変幸運でない限り、すべてのクライアントに対してn'thチャイルドなどの新しいCSSルールセレクタにアクセスすることはできません。あなたがそうした場合、ここでの他の答えは「より良い」です。

そして、それは別のCSSルールを追加するだけです：

.last { 
    margin-right:0; 
} 

そして、最後の列の要素を指定：申し訳ありませんが、私の質問は完全ではなかった

<ul> 
    <li></li> 
    <li></li> 
    <li class="last"></li> 
    <li></li> 
    <li></li> 
    <li class="last"></li> 
</ul> 

http://cssdesk.com/bBx5y