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

您好，我想在每个<tr>以上添加一个div，但是当我查看html控制台时，div显示在表格之外。下面是html代码。我们可以在每个<tr>以上的表格里面加div吗？

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

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

来源

2014-05-03 Amit

可以以其他方式使用，，标签。看看我的答案和下面的链接。 –

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

我会很高兴能更有见地，但你没有说你在试图什么，所以我不能提供一个替代方案。

来源

2014-05-03 04:49:45 Patrick

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

对于您需要做的是确保DIV是一个实际的表格单元格内，一个TD或日元素，所以这样做：

HTML： -

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

来源

2014-05-03 04:51:31 Neel

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

其次，你可以把“格”标签内“TD”标签。

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

总是欢迎进一步的问题。

来源

2014-05-03 04:53:17

“Div和Table都是块级元素，所以它们不能嵌套” - 当然块级元素可以嵌套。 – jbyrd

<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>

来源

2014-05-03 06:12:01 Shashank

它可以被成功检查为XHTML 1.0 – Shashank

在HTML表格，<table>标签想到<tr>标签右后本身<tr>标签想到<td>标签后自己的权利。所以如果你想在桌子上放一个div，你可以把它作为数据放在<td>和</td>标签之间。

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

来源

2017-02-06 16:40:24

你可以使用display: table-row-group您股利。

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

来源

2017-11-29 14:51:16 Jaro

You can not use <div> tag to make group of more than one <tr> tag. If you want to make group of <tr> tag for any purpose like in ajax to change particular <tr> group or in CSS to change style of particular <tr> tag etc. then use <tbody> 
Ex. 
<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>

来源

2018-02-06 06:08:30

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

回答

相关问题