세 개의 열로 나누어 진 동적 목록

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> 

설명 된 바와 같이 나는 전혀 중요한 내용이 그래서, 당신은 출력 CSS로 전체 목록과 스타일을 할 수 있습니다 빈 클래스와 대신 PHP에서 일을 href가

Answer 1

을 무시할 밖으로 제거했다 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; 
}