php一行展示多個商品怎麼實現

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布局，想學習的小夥伴可以在TW511.COM搜尋css教學。

效果：

以上就是php一行展示多個商品怎麼實現的詳細內容，更多請關注TW511.COM其它相關文章！