はdivの水平

Question

私のURLを整理：illandeistudio

あなたが途中で下にスクロールする場合は、カテゴリ（アクセサリー、ダイニング、照明...）のリストが表示されます

彼らは現在、垂直です。これらを水平に表示するにはどうすればよいですか？最適には、1行につき4つです。以下はdiv要素の中に、すべての「カテゴリ」を置くPHPコード「ネルソン」

は感謝です！これは地獄だった！

Answer 1

.nelson { 
    float: left; 
    padding: 0 3px; 
} 

次に、そこからパディングをスタイルするだけです。パディングを置き換えることができます：0 3px;幅：80px;列を均等にしたい場合は、そこから調整します（より見栄えがよいかもしれません）。

あなたはそれが4列（それは4列、2行になりますので、7つのアイテムを持っているし、最後の列は1行のみを持っているでしょう）を中心にしたい場合は

....ないように注意してくださいあなたがそれを望む理由そのような可能性があります。あなたは、あなたが書いたコードの周りに作成幅を作成し、属性を追加します。

style="margin: 0 auto; width: 916px;" 

その後、あなたは7の生成物であることがその幅を調整します* .nelson

の幅私はちょうど詰め物を調整することをお勧めし、水平に行くメニューを残す。すべての7つの項目の向こう側に。

Answer 2

何トールボーイが言いました。 :) .nelson divが正しく浮かび上がるように、幅を設定する必要があるかもしれません。

Answer 3

使用のような：

<?php if (count($this->document->shoppica_categories_arr) > 0) : ?> 
    <ul id="categories"> 
    <?php $i = 0; ?> 
    <?php foreach ($this->document->shoppica_categories_arr as $category): ?> 
     <?php $i++ ?> 
     <li <?php if ($i % 4 == 0) : ?> class="ln"<?php endif ?>><?php echo $category->getName() ?></li> 
    <?php endforeach ?> 
    </ul> 
<?php endif ?> 

CSSファイル：質問の

ul#categories li { 
    float: left; 
} 
ul#categories li.ln { 
    clear: left; 
}