Question

我有以下php代码，它从数据库中收集数据，并将其显示在表中。它在chrome中使用时工作正常，但是工作不正常，即边框，行等没有显示，就像表标记本身被忽略一样。这是代码，我有。

<html>
<head>
    <title> Reviews List. </title>
</head>
<body>
    <?php
        include 'settings.php';

        if (!isset($dbc)){
            $dbc = new mysqli(DB_HOST , DB_USER , DB_PASSWORD , DB_NAME) or die("Cannot connect to the database.");
        }
        $query = "SELECT * FROM reviews";
        $result = $dbc->query($query) or die ("Cannot query");
    ?>
        <table id="review_table" border="1" width="1">
    <?php
        while ($row = mysqli_fetch_assoc($result)){
        echo '<tr>';
        echo '<td>';
        echo $row['id'];
        echo '</td>';
        echo '<td>';
        echo $row['pid'];
        echo '</td>';
        echo '<td>';
        echo $row['publish'];
        echo '</td>';
        echo '</tr>';
        }       
    ?>
        </table>
</body>

以下是在safari和chrome中查看的页面的屏幕截图。

Safari： enter image description here

我确实尝试点击切换格式按钮，它什么也没做。

Chrome： enter image description here

Answer 1

从表格标签中删除边框和宽度，然后添加此css。

#review_table {
  border: 1px solid #000;  
  border-collapse: collapse;
}

#review_table td {
  border: 1px solid #000;
}

Answer 2

您缺少<tbody>代码

表格未在safari

2 个答案: