图像是来自数据库的不同大小

Question

然而，将图像存储在数据库中并将其输出到我的网站，它们的大小不同。

试图改变我的CSS，但不知道我应该标记要改变什么

$sql = "SELECT * FROM items WHERE category LIKE '%$search%'";
$result = mysqli_query($con,$sql);
while ($row = mysqli_fetch_array($result)) {
    echo "<div id = 'img_div'>";
    echo "<img src ='img/".$row['image']."'>";
    echo "<p>" . $row['description']."</p>";
    echo "<p>" . $row['category']."</p>";
    echo "</div>";
}

Answer 1

不要为每个图像使用相同的ID。给它们一个类，然后设置类的高度和宽度。

?>
<style type="text/css">
.img_div > img {
    height: 100px;
    width: 100px;
}
</style>
<?php
$sql = "SELECT * FROM items WHERE category LIKE '%$search%'";
$result = mysqli_query($con,$sql);
while ($row = mysqli_fetch_array($result)) {
    echo "<div class='img_div'>";
    echo "<img src='img/".$row['image']."'>";
    echo "<p>" . $row['description']."</p>";
    echo "<p>" . $row['category']."</p>";
    echo "</div>";
}