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

Question

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

display:contents;

目前只有firefox在所有版本中都支持它们。

是否有其他方法可以获得与此css标记相同的功能。

Answer 1

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

display:content

Answer 2

.display-contents {
    display: flex;
    flex-wrap: wrap;
}