PHP/CSS 不能让元素放在 table 上？

Question

我有一个 div relatedListings，其中包含客户订单表。

我想在它上面添加一个标题，我试过 h3、div 和 span，但它总是把元素放在表格下面。

生成表格的代码:

echo '<div id="relatedListings">
        <h3 id="relatedListingsHeader">Customer\'s Listings</h3>' .
        $account->listAds() .
    '</div>';

执行后来自浏览器的实际来源:

<table id='customerAds'>
    <!-- Generated table data -->
</table><div id="relatedListings">
        <h3 id="relatedListingsHeader">Customer's Listings</h3></div>

注意第二个片段中，div 在表格之后。有什么想法吗？

编辑:这里是 listAds 方法:

echo "<table id='customerAds'>
                <tr><th>Ad</th><th>Title</th><th>Description</th><th>Ad Date</th><th>Actions</th></tr>";

        while ($ad = $ads->fetch()) {
            echo "<tr id='row_{$ad['idAds']}'>
                    <td>{$ad['idAds']}</td>
                    <td>{$ad['Title']}</td>
                    <td>" . substr(strip_tags($ad['Description']), 0, 100) . "...</td>
                    <td>" . format::dateConvert($ad['DatePosted'], 12) . "</td>
                    <td><a href='#'>Delete</a></td>
                </tr>";
        }

        echo "</table>";

Answer 1

我敢猜测 $account->listAds() 也在回显而不是返回。如果您可以将该函数更改为返回而不是您应该更好。

更新:现在已经看到你更新的代码 - 我建议让该函数返回一个字符串 - 而不是像你一样使用 echo

$tableCode = "<table id='customerAds'>
            <tr><th>Ad</th><th>Title</th><th>Description</th><th>Ad Date</th><th>Actions</th></tr>";

    while ($ad = $ads->fetch()) {
        $tableCode .= "<tr id='row_{$ad['idAds']}'>
                <td>{$ad['idAds']}</td>
                <td>{$ad['Title']}</td>
                <td>" . substr(strip_tags($ad['Description']), 0, 100) . "...</td>
                <td>" . format::dateConvert($ad['DatePosted'], 12) . "</td>
                <td><a href='#'>Delete</a></td>
            </tr>";
    }

    $tableCode .= "</table>";
return $tableCode;