这篇文章运用简单易懂的例子给大家介绍php实现同行展示的方法,代码非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

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

1、首先php代码

<?php$sql = "select * from user"; $result = $conn->query($sql); if ($result){ if ($result->num_rows>0) { echo '<div class="parent">'; while ($rows = $result->fetch_array()) { print_r($rows); echo '<div class="item">'; echo '<i>'.$rows['id'].'</i>'; echo '<img src="'.$rows['imgurl'].'">'; echo '<span>'.$rows['name'].'</span>'; echo '</div>'; }//end while() echo '</div>'; }else{ echo '查询结果为空!'; }//end if() }else{ echo '查询失败!'; }//end if()

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

2、下面是css代码的实现

以下是模拟数据库数据

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

效果:

关于php实现同行展示的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。