如何对齐和排序从 mysql 显示的图像 - How to align and order images displayed from mysql

How to align and order images displayed from mysql

我正在制作一个链接到数据库的网站。该数据库包含我在网站上显示的图像。我遇到的问题是对齐它们并使其看起来整洁。最好的研究方法是什么？

include 'NavigationBar.php';
echo ' MENS<br>';
$query="SELECT * FROM Trainers";
$results=mysqli_query($connection, $query);
while($row=mysqli_fetch_assoc($results)){
    echo $row['Brand'].'<img src="./images/'.$row['Image'].'" width="200" height="200" "</br> ';
}

编辑：

目前，它打印数据库中的所有图像，但在一个长列表中。我希望能够为每一行分配一定数量的图像，然后继续下一行，依此类推。

您可以使用HTML

列表标签，然后通过添加CSS代码使其整洁

<ul>
  <li><img src=""></li>
  <li><img src=""></li>
  <li><img src=""></li>
</ul>

和 http://www.w3schools.com/css/css_list.asp

我目前无法测试它，但我想它应该没问题。如果有问题，请告诉我

<style type="text/css">
.my-images-list {
    list-style: none;
}

.my-images-list li{

    float: left;
}
</style>
<?php
    $html = '<ul class="my-images-list>';
    while($row=mysqli_fetch_assoc($results)){
        $html.='
            <li>
                <img src="./images/'.$row['Image'].'" width="200" height="200" />  
            </li>
        ';
    }
    echo $html.'<ul>';
?>
<div style="clear: both;"></div>