📜  幽灵媒体图

📅  最后修改于: 2022-05-13 01:56:21.778000             🧑  作者: Mango

幽灵媒体图

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

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

用于带有标题的图像。为此,我们需要将图形类添加到
元素。具有img-responsive类的图像将是响应式的。此外,我们也可以装饰标题。

Spectre Media Figure 类:

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

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

句法:

...

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

HTML


 

    SPECTRE Media Class
    
    
    
    

 

    
        

GeeksforGeeks

        SPECTRE Media Figure         

        
                         
                GeekWeek             
        
     
 


输出:

SPECTER 医疗图

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