包含图片的表格的CSS问题 - 包含的屏幕截图

Question

我正在开展一个项目，我已经让我的phpmyadmin数据库在我的网页上吐出一组6个图像。我把它放在一张桌子里，这就是麻烦开始的地方 - 尽管听起来很简单！

我需要将图像放在三个水平线上。

我大部分时间都会有6张图像，所以每行3张图像，间距/填充等。

我已经尝试过很多东西并且使用了CSS但却无法使用它。

以下是（分别）实际页面及其外观，CSS的内容以及表格的实际代码/脚本：

实际页面

表格的CSS：table.Evidence td { padding:0px,10px,0px,0px; }

表格的脚本：

看起来很容易，但我无法使其发挥作用。

非常感谢任何帮助！

我是新人，所以请耐心等待，直到我习惯了。

Answer 1

您的<tr></tr>代码应该在每第三张图片之后，因此您的内容中的if应为：

if($i % 3 == 0){
echo "</tr></tr>";
}
else{
echo "<td><img something...></td>";
}

此外，您必须在<tr>代码后面直接添加一个<table>开始代码，并在</tr>代码前直接添加一个</table>结束代码。

Answer 2

首先，如果你在一个命令中定义所有4个填充，你必须用空格分隔它们。

table.Evidence td { padding:0px 10px 0px 0px; }

您似乎也没有正确使用表格标签。 使用tr添加棕褐色新行并使用td添加新单元格。

2x2单元格的表格如下所示：

<table border="1">
    <tr>
        <td>
          1
        </td>
        <td>
          2
        </td>
    </tr>
    <tr>
        <td>
          3
        </td>
        <td>
          4
        </td>
    </tr>
</table>