如何使用数组中的可变项数显示布局(PHP)

时间:2015-07-26 00:00:39

标签: php html arrays zurb-foundation

如果我给你一个array个对象,我们假设有x个对象,你将如何使用网格系统(bootstrap,foundation ...无关紧要)执行以下操作:

循环遍历数组并创建复制的内容:

enter image description here

不,我可以通过以下方式创建:

echo "<div class='row'>";
    for($i = 0; $i < count($options['fields']); $i++) {

        // Increate the value of I and convert it from 1 to one.
        $numberToWord = new FreyaTheme\NumberToWord\Conversion();
        $wordRepersentation = $numberToWord->convert($i + 1);

        if (isset($options['fields']['logo_image_' . $wordRepersentation])) {
            if ($i <= 2) {
                echo '<div class="medium-4 columns r3x1">';
                    echo '<img src="'.$options['fields']['logo_image_' . $wordRepersentation].'" />';
                echo '</div>';
            } else if ($i <= 6) {
                echo '<div class="medium-3 columns r4x1">';
                    echo '<img src="'.$options['fields']['logo_image_' . $wordRepersentation].'" />';
                echo '</div>';
            } else if ($i <= 9) {
                echo '<div class="medium-4 columns r3x1">';
                    echo '<img src="'.$options['fields']['logo_image_' . $wordRepersentation].'" />';
                echo '</div>';
            }
        }
    }
echo "</div>";

现在这个,虽然这里的逻辑有点混乱 - 适用于10个项目。现在想象一下,我给你800或8或2或1或......你明白了。无论我给你多少项,这个模式,这个盒子布局需要重复。如果你给我6或6000个物体,我不在乎。

我可以用10来做到这一点,但我不知道如何扩展它。想法吗

1 个答案:

答案 0 :(得分:1)

这是一个解决方案。你需要自己做出反应并使用css类而不是内联css:

ParamArray