如果我给你一个array
个对象,我们假设有x个对象,你将如何使用网格系统(bootstrap,foundation ...无关紧要)执行以下操作:
循环遍历数组并创建复制的内容:
不,我可以通过以下方式创建:
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来做到这一点,但我不知道如何扩展它。想法吗
答案 0 :(得分:1)
这是一个解决方案。你需要自己做出反应并使用css类而不是内联css:
ParamArray