list - 将动态列表拆分为三列

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

您可能希望输出完整列表并使用 css 设置样式，而不是在 php 中执行，如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;
}