我们可以在每个<tr>上面的表格中添加div吗？

Question

嗨我正在尝试在每个上面添加一个div,<tr>但当我看到html控制台时,div显示在表外.下面是html代码.

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

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

Answer 1

"div"标签不能在"tr"标签上方使用.相反,你可以使用"tbody"标签来完成你的工作.如果你打算给div标签赋予id属性并做一些处理,你可以通过"tbody"标签实现同样的目的.Div和Table都是块级元素.所以他们不能嵌套.有关详细信息,请访问此页面

例如:

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

其次,你可以在"td"标签内加上"div "标签.

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

欢迎提出进一步的问题.

Answer 2

您不能将 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 3

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

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

Answer 4

您不能使用标签将多个标签组成一组。如果要出于任何目的将标签组（例如在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>