php商品列表瀑布流代码
时间: 2023-10-22 16:01:52 浏览: 43
下面是一个简单的PHP商品列表瀑布流代码的示例:
```php
<?php
// 假设有一个包含商品信息的数组
$products = [
[
'id' => 1,
'name' => '商品1',
'price' => 100,
'image' => 'product1.jpg'
],
[
'id' => 2,
'name' => '商品2',
'price' => 200,
'image' => 'product2.jpg'
],
// 其他商品信息...
];
// 定义每个瀑布流列的数量
$columns = 3;
// 计算每个列的宽度
$columnWidth = number_format(100 / $columns, 2);
// 循环遍历商品数组并输出HTML代码
foreach ($products as $product) {
echo '<div class="column" style="width: ' . $columnWidth . '%;">';
echo '<img src="' . $product['image'] . '" alt="' . $product['name'] . '">';
echo '<h3>' . $product['name'] . '</h3>';
echo '<p>价格:' . $product['price'] . '元</p>';
echo '</div>';
}
?>
```
以上代码会输出一个商品瀑布流,每个商品会根据定义的列数均匀分布在不同的列中。可以根据实际需要修改数组内容和定义的列数,以适应不同的商品列表需求。需要在HTML中添加CSS样式来定义瀑布流的布局和样式。