HTML: 把 <div> 放在 <col> 里面

HTML: putting <div> inside <col>

我有一个 table,我试图让一个模式在我单击它时(视觉上)出现在 table 的列上方。

到目前为止,我发现 "find" table 的列的最佳方法是使用 <colgroup><col> 标签。为了实现我想要的,我需要能够在列中放置一个 <div> 。天真地将 <div> 放在 <col> 标签下方是行不通的,尝试使用 <col> 本身作为容器也是行不通的。

有人对如何执行此操作有任何建议吗?或者,是否有更好的方法用 <div>?

包装 table 中的列

谢谢!

无法在元素中换行。

<col /> 元素仅用于描述列的呈现(并且以有限的方式)。

table 的标记结构完全基于行。这是对 HTML 作为分层语言的性质的限制。


如果您的目标是添加元素以便可以将它与后代组合器一起使用到 select 所有具有 CSS/JS 的单元格,那么请考虑 :nth-child