div块展示商品php,php一行展示多个商品怎么实现

cee95405052a84aa543d7503368e6646.png

php一行展示多个商品怎么实现

php可以用来连接数据库查询商品,并输出展示给用户,但想要实现一行展示多个商品需要用到css技术,具体实现如下:

1、首先php代码<?php

$sql = "select * from user";

$result = $conn->query($sql);

if ($result)

{

if ($result->num_rows>0)

{

echo '

';

while ($rows = $result->fetch_array()) {

print_r($rows);

echo '

';

echo ''.$rows['id'].'';

echo ''.%24rows%5B'imgurl'%5D.'';

echo ''.$rows['name'].'';

echo '

';

}//end while()

echo '

';

}else{

echo '查询结果为空!';

}//end if()

}else{

echo '查询失败!';

}//end if()

注意上面有输出div标签,并且具有class。

2、下面是css代码的实现

e8d6ddfeff5a999f21c1744f09947b1d.png

以下是模拟数据库数据

550677399d089a19600b3a79cae5f70b.png

注:其中涉及到的flex布局,想学习的小伙伴可以在Gxl网搜索css教程。

效果:

f28b82dcec9e21da49ac1c865c411b4b.png

更多PHP相关知识,请访问PHP中文网!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值