CSS 属性探索：如何让元素形同虚设？

探索 css 属性：让元素形同虚设

你所说的应该是一个 css 属性，能够让元素如同一个空壳，不占据任何空间、无法设置样式或进行交互。这样的元素形同虚设，仿佛不存在一样。

这个属性就是 display: contents。

div {
    display: contents
}

应用此属性后，该层标签将好像不存在了一般：

• 无法设置颜色或边框
• 无法进行点击等交互
• 与其子元素之间的 flex 关系会越过该层标签

因此，display: contents 可以用于隐藏元素，同时又不影响布局或子元素之间的关系。