我們可以在每個<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嗎？

回答

相關問題