顯示的替代方案：Chrome 中的內容？

Question

在 chrome 中實現以下內容的替代解決方案是什么？

display:contents;

目前只有 Firefox 在所有版本中都支持它們。

有沒有其他方法可以獲得與此 css 標簽相同的功能。

Answer 1

您可以使用另一種方法，而不是使用 display:content （目前標記為實驗性），您可以創建一個容器類並添加屬性display:grid ，如果瀏覽器支持display:content使用它代碼：

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

Answer 2

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