How to display multiple products in one line in php

php How to display multiple products in one line

php can be used to connect to the database to query products and output the display For users, but if you want to display multiple products in one row, you need to use css technology. The specific implementation is as follows:

1. First, the php code

<?php
$sql = "select * from user";  
$result = $conn->query($sql);  
  
if ($result)
{  
    if ($result->num_rows>0)  
    {  
        
        echo &#39;<div class="parent">&#39;;
        while ($rows = $result->fetch_array()) {  
            print_r($rows);
            echo &#39;<div class="item">&#39;;
            echo &#39;<i>&#39;.$rows[&#39;id&#39;].&#39;</i>&#39;;  
            echo &#39;<img  src="/static/imghw/default1.png"  data-src="&#39;.$rows[&#39;imgurl&#39;].&#39;"  class="lazy"   alt="How to display multiple products in one line in php" >&#39;;  
            echo &#39;<span>&#39;.$rows[&#39;name&#39;].&#39;</span>&#39;;  
            echo &#39;</div>&#39;;
        }//end while()  
        echo &#39;</div>&#39;;
    }else{  
        echo &#39;查询结果为空！&#39;;     
    }//end if()  
}else{  
    echo &#39;查询失败！&#39;;   
}//end if()

Note that there is an output div tag above, and it has class.

2. The following is the implementation of the css code

The following is the simulated database data

Note: For the flex layout involved, friends who want to learn can search for css tutorials on the php Chinese website.

Effect:

For more PHP related knowledge, please visit PHP Chinese website!

The above is the detailed content of How to display multiple products in one line in php. For more information, please follow other related articles on the PHP Chinese website!