php實(shí)現(xiàn)同行展示的方法

這篇文章運(yùn)用簡(jiǎn)單易懂的例子給大家介紹php實(shí)現(xiàn)同行展示的方法，代碼非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

php可以用來(lái)連接數(shù)據(jù)庫(kù)查詢商品，并輸出展示給用戶，但想要實(shí)現(xiàn)一行展示多個(gè)商品需要用到css技術(shù)，具體實(shí)現(xiàn)如下：

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 '查詢結(jié)果為空！';     
    }//end if()  
}else{  
    echo '查詢失?。?#39;;   
}//end if()

注意上面有輸出div標(biāo)簽，并且具有class。

2、下面是css代碼的實(shí)現(xiàn)

以下是模擬數(shù)據(jù)庫(kù)數(shù)據(jù)

注：其中涉及到的flex布局，想學(xué)習(xí)的小伙伴可以在億速云搜索css教程。

效果：

關(guān)于php實(shí)現(xiàn)同行展示的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。