幽灵紧凑型瓷砖
Spectre Tiles用于创建可以替换网格系统的组件。瓦片是可重复或可嵌入的信息块。有一个紧凑版本的瓷砖组件,通常用作联系人和文件信息块。
要创建瓷砖,您需要添加一个带有瓷砖类的容器。并使用tile-icon 、 tile-content或/和tile-action类添加子元素。 tile-icon和tile-action是可选的。
Spectre 紧凑型瓷砖类:
- tile-centered:该类用于使 tile-icon、tile-content 和 tile-action 垂直居中。
句法:
...
...
...
下面 示例说明了Spectre Compact 磁贴:
示例:在此示例中,我们将创建一个 tile 并使图标、内容和操作垂直居中。
HTML
GeeksforGeeks
SPECTRE Compact Tiles Class
Geeksforgeeks
A Computer Science Portal for Geeks
输出:
参考: https://picturepan2.github.io/spectre/components/tiles.html#tiles-compact