语义 UI 图像组

Semantic UI是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更神奇。

语义 UI 为我们提供了一种非常简单的方式来设置图像样式。它提供不同类型的图像，如普通图像和图像链接，以及不同的状态，如隐藏、可见以及不同的变化和状态，甚至分组显示元素。语义 UI 图像组帮助我们显示一组图像。在本文中，我们将学习语义 UI 图像组以及使用示例代码的实现。

Semantic-UI Image Groups 是一项使我们能够分组显示图像的功能。可以对元素进行格式化，使组中存在的所有元素都具有相同的大小。

• 尺寸：显示的所有图像将具有相同的尺寸。我们可以简单地将.mini、.tiny、.small、.medium、.large、.big、.huge和.massive类添加到所需图像大小的图像组中。

语法：以下是一组微小图像的语法。更改与所需图像大小相关的类名。

    
    
    ...

示例 1：由于我们使用的类很小，我们可以在输出中观察到很小的图像。

HTML

    Semantic-UI Image Groups
    
    
    
    
    

  
  

    
        
            
              Geeksforgeeks
            
            Semantic-UI Image Groups
            
            
                
                
                
            
        
    

  

输出：

语义 UI 图像组

示例 2：由于我们使用的类很小，我们可以在输出中观察小图像。

HTML

  

    Semantic-UI Image Groups
    
    
    
    
    

  

    
        
            Geeksforgeeks
            Semantic-UI Image Groups
            
            
                
                
                
            
        
    

  

输出：

语义 UI 图像组

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