Question

我有一个html页面，如下所示：

<html>
    <head>
        <body>
            <table>
                <thead>
                    <tr>...</tr>
                    <tr>...</tr>
                </thead>
                <tbody>
                    <tr>...</tr>
                    <tr>...</tr>
                    <div>
                        <tr>...</tr>
                        <tr>...</tr>
                   </div>
                </tbody>
            </table>
        </body>
    </head>
</html>

为什么div里面的tr'不显示？在页面元素中，我看到桌子外面的div？如果它在一个tr里面，我想我可以把一个div放在一张桌子里。

Answer 1

为什么div里面的tr'不显示？

它不适合HTML的表格模型。

请改为查看thead / tfoot / tbody。

在页面元素中我看到表外的div？

浏览器正在尝试从您的错误中恢复

我以为如果它在一个tr里面，我可以把一个div放在一个表中。

你错了。如果div位于td或th中，则只能在表中放置div。

Answer 2

你需要这样的东西。

<!DOCTYPE html> <!-- Add a DTD -->
<html>
    <head>
        <!-- Meta tags, styles, javascripts comes here -->
        <title>This is the title</title>
        <meta charset="UTF-8" />
    </head>
    <!-- Close head before body -->
    <body>
        <table>
            <thead>
                <tr>
                    <td></td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><!-- Use td(s) in tr -->
                        <div></div> <!-- use div inside the td -->
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

什么用于表中的嵌套元素

2 个答案: