考慮下面的HTML:防止格在TR上的包裝被彈出
<table>
<div>
<tr><td></td></tr>
</div>
</table>
呈現時,在div被搬走了,像這樣:
<div>
</div>
<table>
<tr><td></td></tr>
</table>
爲什麼會發生這種情況,以及如何我可以防止這種情況發生嗎?
考慮下面的HTML:防止格在TR上的包裝被彈出
<table>
<div>
<tr><td></td></tr>
</div>
</table>
呈現時,在div被搬走了,像這樣:
<div>
</div>
<table>
<tr><td></td></tr>
</table>
爲什麼會發生這種情況,以及如何我可以防止這種情況發生嗎?
你不能,第一個例子是無效的HTML。但是,您可以使用<tbody>
而不是<div>
。
A <div>
元素不允許直接在<table>
元素內。只允許使用表格相關元素(<tr>
<thead>
...)。
沒有辦法「做這項工作」。閱讀HTML規範並形成一個有效的文檔。
div標籤不能像這樣在表格內。
<table>
<div>
<tr><td></tr></td>
</div>
</table>
你可以把它像這樣在TD裏面。
<table>
<tr><td><div></div></td></tr>
</table>
僅供參考,請參閱[允許的內容](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table)。 – showdev
只能添加一個'div'一個表,如果它在一個數據單元('
') 克里斯Coyier對此有一個不錯的職位:https://css-tricks.com/using-divs-inside-tables/ – CreMedian你想用這個div做什麼?你可以用tbody嗎? – andi
你不能阻止它,因爲你試圖創建無效的HTML,並且瀏覽器很好,並試圖爲你解決它。 – j08691