2016-02-03 16 views
1

考慮下面的HTML:防止格在TR上的包裝被彈出

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

呈現時,在div被搬走了,像這樣:

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

爲什麼會發生這種情況,以及如何我可以防止這種情況發生嗎?

+1

只能添加一個'div'一個表,如果它在一個數據單元('​​

') 克里斯Coyier對此有一個不錯的職位:https://css-tricks.com/using-divs-inside-tables/ – CreMedian

+0

你想用這個div做什麼?你可以用tbody嗎? – andi

+0

你不能阻止它,因爲你試圖創建無效的HTML,並且瀏覽器很好,並試圖爲你解決它。 – j08691

回答

2

你不能,第一個例子是無效的HTML。但是,您可以使用<tbody>而不是<div>

1

A <div>元素不允許直接在<table>元素內。只允許使用表格相關元素(<tr><thead> ...)。

沒有辦法「做這項工作」。閱讀HTML規範並形成一個有效的文檔。

1

div標籤不能像這樣在表格內。

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

你可以把它像這樣在TD裏面。

<table> 
    <tr><td><div></div></td></tr> 
</table> 
+0

僅供參考,請參閱[允許的內容](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table)。 – showdev