將動態列表拆分爲三列

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; 
}