包含来自数据库的图像的表格的 CSS 问题答案

【问题标题】：CSS issue with Table that contains images from database包含来自数据库的图像的表格的 CSS 问题
【发布时间】：2026-01-13 14:55:01
【问题描述】：

我正在做一个项目，我让我的 phpmyadmin 数据库在我的网页上吐出一组 6 张图片。我已经把它放在一张桌子上，这就是麻烦的开始——尽管这听起来很容易！

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

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

我尝试了很多方法并使用了 CSS，但无法让它发挥作用。

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

实际页面：

表格的CSS：

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

表格脚本：

<table class = "Evidence" border="1">
          <tr>
            <?php
                  $result=$manager->getPicturePcn($_SESSION["pcn_id"]);
                  $i=0;
                  if($result->rowCount()==0){
                      echo'<td>Empty</td>';
                  }
                  while($picture=$result->fetch()){

                     $destination='picturepcn/'.$picture['picturefine_name'];
                     $i++;
                     if($i==4){

                       echo '<tr><td><img src="'.$destination.'" alt="'.$picture['picturefine_name'].'"/></td>';
                     }else{

                       echo '<td><img src="'.$destination.'" alt="'.$picture['picturefine_name'].'"/></td></tr>';
                     }

                  }

            $result->closeCursor();?>
        </tr>
</table>
        <br><br>

它看起来很简单，但我无法让它工作，因为它也包含 PHP。我还没有找到可行的解决方案。

我需要如下 6 张图片：

IMG1（间距）
IMG2（间距） IMG3~~~间距-NEXT LINE~~~ IMG4（间距）
IMG5（间距）图6

任何帮助将不胜感激！

我是新手，所以在我习惯之前请多多包涵。

【问题讨论】：

标签： php html css phpmyadmin html-table

【解决方案1】：

padding 应该用空格分隔，而不是逗号

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

至于线条问题，您可能想尝试使用 CSS float poperty http://www.w3schools.com/cssref/pr_class_float.asp

那里有很多可用的示例

【讨论】：