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

angryTom
發布: 2023-02-28 10:28:01
原創
3460 人瀏覽過

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

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

php可以用來連接資料庫查詢商品,並輸出展示給用戶,但想要實作一行展示多個商品需要用到css技術,具體實作如下:

1、先php程式碼

#
<?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="&#39;.$rows[&#39;imgurl&#39;].&#39;" alt="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()
登入後複製

注意上面有輸出div標籤,並且具有class

php一行展示多個商品怎麼實現2、以下是css程式碼的實作

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

#以下是模擬資料庫資料


註:其中涉及到的flex佈局,想學習的小夥伴可以在php中文網搜尋css教學。

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

效果:

###更多PHP相關知識,請造訪###PHP中文網###! ###

以上是php一行展示多個商品怎麼實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!