用html写一段等宽不等高瀑布流商品列表,而且添加数据不会错乱的完整代码
时间: 2023-03-08 07:52:18 浏览: 64
商城商品列表展示的完整代码
4星 · 用户满意度95%
<style>
.item {
display: inline-block;
width: 32%;
padding: 0.5%;
}
</style>
<div>
<?php
$items = array(
array('title'=>'商品1','img'=>'1.jpg','desc'=>'描述1'),
array('title'=>'商品2','img'=>'2.jpg','desc'=>'描述2'),
array('title'=>'商品3','img'=>'3.jpg','desc'=>'描述3'),
array('title'=>'商品4','img'=>'4.jpg','desc'=>'描述4'),
array('title'=>'商品5','img'=>'5.jpg','desc'=>'描述5'),
array('title'=>'商品6','img'=>'6.jpg','desc'=>'描述6'),
);
foreach($items as $item){
?>
<div class="item">
<h2><?=$item['title']?></h2>
<img src="<?=$item['img']?>" />
<p><?=$item['desc']?></p>
</div>
<?php } ?>
</div>
阅读全文