空的容器：css属性查询

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

答案：

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

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

立即学习“前端免费学习笔记（深入）”；

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

div {
    display: contents
}

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

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