语义 UI 图像间隔变化

Semantic UI 是一个开源开发框架，它提供预定义的类，使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。

使用语义 UI 在我们的网站上放置图像有不同的风格，使我们的网站看起来更棒。 Semantic-UI Image Spaced Variations 用于指定它需要一个额外的间距来将其与附近的内容分开。

语义 UI 图像间隔变化类：

• 间隔：用于添加额外的间距以将其与附近的内容分开。

句法：

  
Content  ...

示例 1：在此示例中，我们将描述 Semantic-UI Image Spaced Variations。

HTML

 

    
 
    

 

    

        

            GeeksforGeeks
        
 
        
Semantic-UI Image Spaced Variations
    
 
    

         

            Web Technology 
            refers to the various tools and
            techniques that are utilized in the process of
            communication between different types of devices
            over the internet. A web browser is used to
            access web pages. Web browsers can be defined
            as programs that display text, data, pictures,
            animation, and video on the Internet.
            Hyperlinked resources on the World Wide Web
            can be accessed using software interfaces
            provided by Web browsers.
        
 
    

 

输出：

示例 2：在此示例中，我们将描述具有大小变化的语义 UI 图像间隔变化。

HTML

 

    
 
    

 

    

        

            GeeksforGeeks
        
 
        
Semantic-UI Image Spaced Variations
    
 
    

         

            Web Technology 
            refers to the various tools and
            techniques that are utilized in the process of
            communication between different types of devices
            over the internet. A web browser is used to
            access web pages. Web browsers can be defined
            as programs that display text, data, pictures,
            animation, and video on the Internet.
            
            Hyperlinked resources on the World Wide Web
            can be accessed using software interfaces
            provided by Web browsers.
        
 
    

 

输出：

参考： https://semantic-ui.com/elements/image.html#spaced