幽灵媒体图

Spectre Media 元素包括响应式图像、图形和视频类。

在本文中，我们将了解媒体形象。我们可以将元素

用于带有标题的图像。为此，我们需要将图形类添加到

元素。具有img-responsive类的图像将是响应式的。此外，我们也可以装饰标题。

Spectre Media Figure 类：

• figure：该类用于设置图片、视频的字幕主题。
• figure-caption：该类用于定义标题的基本样式。
• text-*：该类用于定义标题对齐方式。

注意： * 可以根据应用程序的需要在左、右或居中。

句法：

  
  
...

示例：下面的示例说明了 Spectre 媒体图。

HTML

 

    
    
    
    
    

 

    
        
GeeksforGeeks
        SPECTRE Media Figure
        


        

            
            

                GeekWeek
            
        
     

 

输出：

参考： https://picturepan2.github.io/spectre/elements/media.html#media-figure