组织DIV水平

Question

我的URL：illandeistudio

如果滚动一半时，你会看到一个类别清单（附件，餐饮，灯光......）

他们目前垂直。我怎样才能让这些水平显示？他们最好每行4个。以下是将所有的“类别”成格“尼尔森”

感谢PHP代码！这是地狱！

Answer 1

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

然后只需从那里设置填充的样式。你可以替换填充：0 3px;宽度：80px;并从那里调整它，如果你想列是平均的（可能看起来更好）。

如果你想要它以4列为中心（你有7项，所以它会是4列，2行，最后一列将只有1行）....不知道为什么你会想要它像那样但可能。您可以创建一个围绕你写的代码，创建一个宽度，并添加属性：

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

那么你会调整的宽度是7产品*的.nelson

宽度我建议只调整填充，然后让菜单保持水平。所有7个项目的所有方式。

Answer 2

Tallboy说了些什么。 :)您可能还需要为.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; 
}