幽灵紧凑型瓷砖

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
        
      
      

        
          
        
      
    

 

输出：

Spectre 紧凑型瓷砖

参考： https://picturepan2.github.io/spectre/components/tiles.html#tiles-compact