2016-09-21 75 views
0
<table> 
     <tr> 
      <th>image</th> 
     </tr> 
      <?php 
       $query = "SELECT * FROM collage"; 
       $result = mysqli_query($con, $query); 
       while($row = mysqli_fetch_array($result)) 
       { 
       ?> 
        <tr> 
         <td><a href="img/collage/<?php echo $row['file'] ?>" target="_blank"><img src="img/collage/<?php echo $row['file'] ?>"></a></td> 
        </tr> 
       <?php 
       } 
       ?> 
    </table> 

hello天才程序员! 我上面的代码显示的图像是这样的:显示图像从左到右php

enter image description here

,我希望它变成了这个样子: enter image description here

+0

一个解决的方法是完全删除该表并把图像的DIV中,他们会自然而然地留下来正确并折叠到另一行时,空间用尽div的宽度。然后用一个小小的CSS,你可以让它们看起来很漂亮。 – RiggsFolly

+0

谢谢@RiggsFolly你的男人 – Ryan

回答

3

设置<tr></tr><?php ?>

试试这个

<table> 
    <tr> 
     <th>image</th> 
    </tr> 
    <tr> 
     <?php 
      $query = "SELECT * FROM collage"; 
      $result = mysqli_query($con, $query); 
      while($row = mysqli_fetch_array($result)) 
      { 
      ?> 

        <td><a href="img/collage/<?php echo $row['file'] ?>" target="_blank"><img src="img/collage/<?php echo $row['file'] ?>"></a></td> 

      <?php 
      } 
      ?> 
    </tr> 
</table> 
0

您目前正在循环选项卡le行。你需要一个表格单元的内部循环才能得到你所提到的表格设计。

这里是一个参考:http://www.w3schools.com/html/html_tables.asp

这将是这样的:

<?php 
      $query = "SELECT * FROM collage"; 
      $result = mysqli_query($con, $query); 
      while($row = mysqli_fetch_array($result)) 
      { 
      ?> 

        <td><a href="img/collage/<?php echo $row['file'] ?>" target="_blank"><img src="img/collage/<?php echo $row['file'] ?>"></a></td> 

      <?php 
      } 
      ?> 
+0

谢谢你的男人你最好的 – Ryan

+0

不客气,如果有效,你可以批准答案,以便其他用户可以重复使用它。 – Gnqz