Question

我正在尝试在两个表格行之间放置一些内容，但something行位于Chrome浏览器的表格之外：

enter image description here

我不确定为什么，除非something位于td标记内，否则它总是在表格之外。

为什么？我只想要一些可以占据整行的行，这就是我放弃td标签的原因。

这是源代码：

<html>
    <head>
        <style>
            td { border: 1px solid #666; }
        </style>
    </head>
    <body>
        <table border="0" cellspacing="5" cellpadding="5">
            <thead>
                <tr>
                    <th>Header</th>
                    <th>Header</th>
                    <th>Header</th>
                </tr>
            </thead>
            <tr>
                <td>Data</td>
                <td>Data</td>
                <td>Data</td>
            </tr>
            <tr>
                something
            </tr>
            <tr>
                <td>Data</td>
                <td>Data</td>
                <td>Data</td>
            </tr>
        </table>
    </body>
</html>

Answer 1

我认为你不能这样做。而是设置colspan =＆＃34; 3＆＃34;到该行的单元格。您可以在此处阅读更多内容：http://www.htmlcodetutorial.com/tables/index_famsupp_30.html。

即：

<tr>
    <td colspan="3">something</td>
</tr>

Answer 2

您直接在<tr>中编写文本的方式不是有效的HTML，结果将会打破布局。如果您使用的是表格，请使用<td>撰写内容。根据已发布的表格结构情况，每个<tr>包含3 <td>。

所以你需要这样写。然后只有你会得到一个合适的桌面布局。

<tr>
    <td colspan="3">something</td>
</tr>

Answer 3

您不能在行之间设置内容，而是在行之间设置。 <tr>是一排，你是对的。但是一行必须将列作为有效行。

这应该是对的：

<html>
    <head>
        <style>
            td { border: 1px solid #666; }
        </style>
    </head>
    <body>
        <table border="0" cellspacing="5" cellpadding="5">
            <thead>
                <tr>
                    <th>Header</th>
                    <th>Header</th>
                    <th>Header</th>
                </tr>
            </thead>
            <tr>
                <td>Data</td>
                <td>Data</td>
                <td>Data</td>
            </tr>
            <tr>
                <td colspan="3">Something</td>
            </tr>
            <tr>
                <td>Data</td>
                <td>Data</td>
                <td>Data</td>
            </tr>
        </table>
    </body>
</html>

为什么这个元素在表外？

3 个答案: