display: contents 当前节点不渲染,子节点渲染(display: none 整个当前节点不显示)相当牛的css特性

display: contents 当前节点不渲染,子节点渲染(display: none 整个当前节点不显示)相当牛的css特性
简单举例:

flex布局,对子元素影响,但是这个时候套了一层,把这个层设置 display: contents 里面的就提升了一级。
简单说就是包了一层vue文件,还能提升层级css样式

CANIUSE:

Reference:
冷知识!使用 display: contents 实现幽灵节点?
https://mp.weixin.qq.com/s/DhkQNO8Hv1zZP9Fu7uSw-g

posted @ 2024-06-06 16:22  彭成刚  阅读(31)  评论(0编辑  收藏  举报