Question

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

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> ';
}

修改

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

Answer 1

你可以使用html list标签，然后通过添加css代码使其整洁

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

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

Answer 2

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

<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>

如何对齐和排序从mysql显示的图像

2 个答案: