html - 如何模拟 Google 应用程序模式？

Question

在 Google 的所有应用程序上，它们都有一个小apps按钮 ( https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_apps_black_24px.svg )，可以打开如下模式：

我将如何模拟这种模式类型（模式和带标签的图标）？我正在使用 VueJS 和Vue Material，但我有一种强烈的感觉，这超出了两者的范围。

Answer 1

您可能可以使用 flexbox 创建一个类似表格的布局，其中<span>s 的行和列与图像一起，然后<p>在其下方居中。