Comment afficher plusieurs produits sur une seule ligne en php

angryTom
Libérer: 2023-02-28 10:28:01
original
3513 Les gens l'ont consulté

Comment afficher plusieurs produits sur une seule ligne en php

Comment afficher plusieurs produits sur une seule ligne en php

php peut être utilisé pour se connecter à la base de données pour interrogez les produits et affichez l'affichage Pour les utilisateurs, mais si vous souhaitez afficher plusieurs produits sur une seule ligne, vous devez utiliser la technologie CSS. L'implémentation spécifique est la suivante :

. 1. Tout d'abord, le code 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="Comment afficher plusieurs produits sur une seule ligne en 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()
Copier après la connexion

Notez qu'il y a une balise div de sortie ci-dessus et qu'elle a class.

2. Ce qui suit est l'implémentation du code CSS

Comment afficher plusieurs produits sur une seule ligne en php

Ce qui suit est les données de la base de données simulées

Comment afficher plusieurs produits sur une seule ligne en php

Remarque : pour la mise en page flexible impliquée, les amis qui souhaitent apprendre peuvent rechercher des didacticiels CSS sur le site Web php chinois.

Effet :

Comment afficher plusieurs produits sur une seule ligne en php

Pour plus de connaissances sur PHP, veuillez visiter le Site Web PHP chinois !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal