Создание представления сетки продуктов в PHP

Question

очень новый для PHP, чтобы вы могли его нести.

Как вы можете видеть из моего фрагмента кода, я просто показываю информацию о продукте одной строкой под друг друга, а затем повторяю цикл, используя while. Это, очевидно, отображает мои соответствующие данные только в одном столбце, один под другим.

while ($row = mysqli_fetch_row($result)){ 

    echo "<img src=\"images/album1.jpg\"/><br>"; //this will eventually show the product image 
    echo "<a href=\"product.php?id=$row[0]\">$row[1] </a><br>"; //this shows the product name 
    echo "<strong>&pound$row[2]</strong><br>"; //this shows the product price 

      } 

Как я могу создать представление сетки, например, используя столбцы для отображения моих данных? Я предполагаю, что это будет какой-то цикл, который нужно добавить и, возможно, использовать таблицы для отображения моих данных?

Любая помощь очень ценится.

Answer 1

вы можете расставить все точки путем создания DIV и всплывают, что DIV влево, это создаст вид сетки

while ($row = mysqli_fetch_row($result)){ 
    echo "<div class='container'>"; 
    echo "<img src=\"images/album1.jpg\"/><br>"; //this will eventually show the product image 
    echo "<a href=\"product.php?id=$row[0]\">$row[1] </a><br>"; //this shows the product name 
    echo "<strong>&pound$row[2]</strong><br>"; //this shows the product price 
    echo "</div>"; 
    } 

и CSS

.container{ 
    float:left; 
} 

вы можете также установить максимальную высоту и ширину DIV