Question

我正在开展一个项目，我已经让我的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 ~~~ Spacing-NEXT LINE ~~~ IMG4（间距）
IMG5（间距） IMG6

非常感谢任何帮助！

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

Answer 1

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

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

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

有很多可用的例子

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

1 个答案: