将动态列表拆分为三列

时间:2013-03-15 15:45:45

标签: list dynamic calculated-columns

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

1 个答案:

答案 0 :(得分:0)

您可能希望输出完整列表并使用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;
}