显示的替代方法:Chrome中的内容？

Question

在chrome中实现以下内容的替代解决方案是什么？

display:contents;

目前只有firefox支持所有版本.

有没有其他方法可以获得与此css标记相同的功能.

Answer 1

您可以使用另一种方法，而不是使用 display:content （目前标记为实验性的），您可以创建一个容器类并添加属性display:grid，并且，如果浏览器支持display:content将其与以下代码一起使用：

@supports (display: contents) {
  article { display: contents; }
}