【问题标题】:Table not formatting correctly on safari表格在 Safari 上的格式不正确
【发布时间】:2015-07-09 18:00:24
【问题描述】:

我有以下 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:

我确实尝试单击切换格式按钮,但什么也没做。

铬:

【问题讨论】:

  • width="1" 还有什么期待?
  • 纯css问题,chrome / firefox / IE / safari做的有些不一样,但正如Hanky Panky所说,1的宽度并不是很多。
  • @Hanky웃Panky,我尝试删除该标签,并将其更改为 width = "10",仍然没有变化。

标签: php html safari


【解决方案1】:

从表格标签中删除边框和宽度,并添加此 css。

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

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

【讨论】:

  • 虽然它有效,但你能说说为什么我原来的纯 html 没有吗?
【解决方案2】:

您缺少&lt;tbody&gt; 标签

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-08-14
    • 1970-01-01
    • 2020-10-07
    • 1970-01-01
    • 1970-01-01
    • 2020-08-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多