如何将 HTML 表格变成网格？答案

【问题标题】：How to make HTML table into a grid?如何将 HTML 表格变成网格？
【发布时间】：2016-10-03 00:29:35
【问题描述】：

我正在将数据库中的数据检索到表中，但数据堆积在左侧而不是网格视图中。

    include_once ('includes/db_connect.php');
    $res = mysql_query("SELECT * FROM inventory ORDER BY id DESC");

    echo "<table>";
    while ($row = mysql_fetch_array($res)) {
        echo "<tr>"; echo "<td>";?> <img src="<?php echo $row["image"]; ?>" height="200" width="280">  <?php echo "</tr>";
        echo "<tr>"; echo "<td>"; echo $row['make']; echo "&nbsp; "; echo $row['model']; echo "</td>";  echo "</tr>";
    }
    echo "</table>";

我们将不胜感激。

【问题讨论】：

好吧，有了这个预期的结果，我们将无法为您提供帮助......抱歉 ;)
看看w3schools.com/html/html_tables.asp
@Tobias Kum 我已经修好了，谢谢

标签： php mysql html-table

【解决方案1】：

您只需要为每个打开的 td 标签关闭 /td 标签。您的第一行缺少 /td：

echo "<tr>"; echo "<td>";?> <img src="<?php echo $row["image"]; ?>" height="200" width="280">  <?php echo "</td></tr>";

echo "<tr>"; echo "<td>"; echo $row['make']; echo "&nbsp; "; echo $row['model']; echo "</td></tr>";

您可能还想在 head 标签中使用它来设置表格样式：

<style>
table {
    border:1px solid black;
    border-collapse:collapse;
}
</style>

或内联样式：

<table style="border:1px solid black; border-collapse:collapse;">

【讨论】：

【解决方案2】：

在您的代码中，第一行的末尾关闭了表格行，但实际上并未关闭单元格。我还隔开您的代码以提高可读性。我认为问题在于第一行末尾缺少</td>。

$res = mysql_query("SELECT * FROM inventory ORDER BY id DESC");

echo "<table>";

while ($row = mysql_fetch_array($res)) {
    ?>
    <tr><td>
    <img src="<?php echo $row["image"]; ?>" height="200" width="280">
    </td></tr>
    <tr><td>
    <?php echo $row['make']; echo "&nbsp; "; echo $row['model'];?>
    </td></tr>
    <?php
}
echo "</table>";

还需要注意的是，你的mysql_query应该切换到mysqli或者pdo。

【讨论】：

非常感谢您的帮助。
没问题。我从你的 cmets 看到你已经解决了。