CSS 属性查询：如何让元素成为一个空的容器？

空的容器：css属性查询

您曾使用过一个css属性，它可以让元素成为一个没有实际空间、样式或交互性的空容器。请问您知道它的名称吗？

答案：

您指的应该是 display: contents 属性。这个属性会让元素像不存在一样，取消颜色、边框和其他样式。它甚至会让flex子元素关系跨越此层元素。

以下是使用此属性的代码示例：

div {
    display: contents
}

设置此属性后，该元素将：

• 不占用空间
• 无法设置样式
• 对点击和其他交互没有响应
• 允许flex子元素跨越其边界