List 将动态列表拆分为三列

我正在为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

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