从左到右显示图像 php答案

【问题标题】：display image from left to right php从左到右显示图像 php
【发布时间】：2016-09-21 16:58:07
【问题描述】：

<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>

你好天才程序员！我上面的代码显示图像是这样的：

我希望它变成这样：

【问题讨论】：

一个答案是完全移除表格并将图像放置在 div 中，当 div 的宽度用完空间时，它们会自然地从左到右流动并折叠到另一行。然后用一点 CSS，你可以让它们看起来间隔很好。
谢谢你@RiggsFolly 你的男人

标签： javascript php html mysql css

【解决方案1】：

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

试试这个

<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>

【讨论】：

【解决方案2】：

您当前正在循环查找表格行。您需要表格单元格的内部循环才能获得您提到的表格设计。

这是一个参考：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
            }
            ?>

【讨论】：

不客气，如果有效，您可以批准答案，以便其他用户可以重复使用。