html - 同一张图片第一列图片高度略高于其他所有列，CSS，HTML

Question

我有一个包含 5 列的表，每列中存储图像。图片宽度相对于td 100%，图片高度与其宽度成正比。我存储了大约 25 张相同图像的图片，我正在使用表格以 5 列显示这些图片。问题是第一列高度中的图片总是略高于另一列中图片的高度四列，即使它们具有相同的图像。请看下面我的代码:

<style>
img {
width: 100%;
}
table,td {
border: 1px solid black;
}
</style>

<?php

include('all.php'); //includes all the necessary functions;

$picture = gd("image/images"); //get image reference link from database and store in multi-dimensional array;
$count = count($picture); //return number of reference links

echo "<table>";
while ($count > 0) {

$tempCount = 0;

echo "<tr>";

while ($tempCount < 5) {

if ($count > 0) {
$count--;
$temp = $picture[$count][0];
echo "<td><img src = 'uploads/$temp'></td>";
}
$tempCount++;

}

echo "</tr>";

}
echo "</table>";

?>

Answer 1

通过将 td 的宽度设置为 20% 来修复它。

<style>
img {
width: 100%;
}
table,td {
border: 1px solid black;
}
td {
width: 20%;
}
</style>