Question

您正在尝试在每个<tr>之上添加一个div，但是当我查看html控制台时，div正在显示在表外。下面是html代码。

<table>
  <div>
    <tr><td></td></tr>
  </div>
  <div>
    <tr><td></td></tr>
  </div>
</table>

这是不允许的？任何帮助都会很棒。

Answer 1

“div”标记不能在“tr”标记上方使用。相反，您可以使用“tbody”标记来完成工作。如果您打算将div属性赋予div标签并进行一些处理，则可以通过“tbody”标记实现相同目的。 Div 和表都是块级元素。所以他们不能嵌套。有关详细信息，请访问this page

例如：

<table>
    <tbody class="green">
        <tr>
            <td>Data</td>
        </tr>
    </tbody>
    <tbody class="blue">
        <tr>
            <td>Data</td>
        </tr>
    </tbody>
</table>

其次，您可以将“div”标记放在“td”标记内。

<table>
    <tr>
        <td>
            <div></div>
        </td>
    </tr>
</table>

随时欢迎提出进一步的问题。

Answer 2

不，您不能直接在表格中插入div。这是不正确的HTML，并将导致意外的输出。

我很乐意更有洞察力，但你还没有说出你在尝试什么，所以我无法提供替代方案。

Answer 3

您不能使用标记来制作多个标记的组。如果您想为任何目的制作标签组，例如在ajax中更改特定组或在CSS中更改特定标签的样式等，请使用

实施例

<table>
  <tbody id="foods">
    <tr>
      <td>Group 1</td>
    </tr>
    <tr>
      <td>Group 1</td>
    </tr>
  </tbody>

  <tbody id="drinks">
    <tr>
      <td>Group 2</td>
    </tr>
    <tr>
      <td>Group 2</td>
    </tr>
  </tbody>
</table>

Answer 4

在html表格中，<table>代码标记<tr>标记在其自身之后，<tr>标记期望<td>标记紧随其后。因此，如果您想在表格中添加div，可以将其作为数据放在<td>和</td>标记之间。

＆＃13;

<table>
  <tr>
    <td>
      <div>
        <p>It works well</p>
      </div>
     </td>
  </tr>
<table>

＆＃13;

Answer 5

您不能将div直接放在表格中，但可以将div放在td或th元素中。

为此你需要做的是确保div在实际的表格单元格内， td 或 th 元素，所以这样做：

<强> HTML ： -

<tr>
  <td>
    <div
      <p>I'm text in a div.</p>
    </div>
  </td>
</tr>

有关更多信息： -

http://css-tricks.com/using-divs-inside-tables/

Answer 6

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Your title</title>
</head>
<body>
<table>
<tr>
<td>
 <div>content</div>
</td>
</tr>
</table>
</body>
</html>

Answer 7

您可以使用display: table-row-group作为您的div。

<table>
  <div style="display: table-row-group">
    <tr><td></td></tr>
  </div>
  <div style="display: table-row-group">
    <tr><td></td></tr>
  </div>
</table>

Answer 8

如果我们遵循w3 org table reference并遵循允许的内容部分，我们可以看到table标签采用tbody（可选）和{{ 1}}作为唯一允许的内容。

因此，我可以肯定地说，我们不能添加tr标签，它是流内容，作为div的直接子元素，我理解这就是您在上面所说的意思。 table。

话虽如此，当我们点击上面的链接时，您会发现在tr元素内使用div是安全的，如here

我们可以在每个表格中添加div吗？

8 个答案: