将动态列表拆分为三列

Question

我正在为magento构建创建产品A到Z.我的代码工作，但是，第二列比第一和第三大。我在这里错过了一个诀窍，无法让我的头脑围绕数学。任何人都可以看到我要去哪里错了吗？

<div class="content"> 
<div class="collapse"> 
    <?php $letter = $this->getLetter(); ?> 
    <?php $_collection = $this->getProductCollection(); ?> 

     <h2 class=""><?php echo $this->__($letter) ?></h2> 

      <?php if($total = count($_collection)): ?> 
       <?php $break = ceil($total/3); ?> 
       <div class="" style=""> 
        <ul class=""> 
         <?php $i = 0; ?> 
         <?php foreach($_collection as $_product): ?> 
          <?php if($i % $break == 0 && $i > 0) : ?> 
           </ul> 
           <ul class=""> 
          <?php endif; ?> 
          <li class="productno-<?php echo $i ?>"><a href=""></a></li> 

           <?php $i++; ?> 

         <?php endforeach; ?> 
        </ul> 
      <?php else: ?> 
       </div> 
      <?php endif; ?> 
    </div> 

我已经去掉了所有没有本质上的内容，从而忽略空类和HREF

Answer 1

而是在PHP做的，你可能要输出的完整列表和风格它的CSS描述在Is there a way to break a list into columns?。

ul { 
    -moz-column-count: 3; 
    -moz-column-gap: 20px; 
    -webkit-column-count: 3; 
    -webkit-column-gap: 20px; 
    column-count: 3 it; 
    column-gap: 20px; 
}