首页 > 解决方案 > 如何使用 PHP 以盒子样式显示 MySQL 查询结果?

问题描述

我正在建立一个新网站,我想在框中显示搜索 MySQLi 查询的结果。

我的php代码....

 $query = mysqli_query($con,"SELECT * FROM `products`");
   while($row = mysqli_fetch_array($query))    {
      echo "<img src='/Images/".$row['product_image']."' height='200' width='200'>"
      echo '<h6> Id:'.$row['product_id'].'</h6>';
      echo '<h6> Name:'.$row['product_name'].'</h6>';
      echo '<h6> Proce:'.$row['product_price'].'</h6>';
                                               }

使用该代码,搜索查询的结果如下所示

在此处输入图像描述

我正在尝试使用多种方法来实现这样的结果呈现:

在此处输入图像描述

有什么想法或建议吗?谢谢

标签: phphtmlcssmysqlistyles

解决方案


使用CSS“浮动:左”

    $query = mysqli_query($con,"SELECT * FROM `products`");
       while($row = mysqli_fetch_array($query))    {
          echo '<div style="float:left">';
          echo "<img src='/Images/".$row['product_image']."' height='200' width='200'>";
          echo '<h6> Id:'.$row['product_id'].'</h6>';
          echo '<h6> Name:'.$row['product_name'].'</h6>';
          echo '<h6> Proce:'.$row['product_price'].'</h6>';
          echo '</div>';
                                                   }

推荐阅读