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

Posted 2021-04-03

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

display:contents;

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

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

答案

您可以使用替代方法，而不是使用display：content（目前标记为实验性），您可以创建容器类并添加属性display:grid，并且，如果浏览器支持display:content，请使用此代码：

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