语义 UI 图像组大小

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

语义 UI 有一堆用于用户界面设计的组件。其中之一是“图像”。图像是描述网页信息的重要工具。用户可以通过单击或悬停在它们上与它们进行交互。根据图像使用的要求，图像有不同的变化。其中之一是小组规模。

语义 UI 图像组大小变化用于显示特定大小的图像组。用户可能需要在 UI 中以固定大小显示一些图像。在这种情况下，组大小变化就派上用场了。用户可以将图像显示为特定组。

语义 UI 图像组大小类：

• mini：该类用于设置组中的小尺寸图像。
• tiny：该类用于设置组中的小尺寸图像。
• small：该类用于设置组中的小尺寸图像。
• medium：该类用于设置组中的中等大小的图像。
• large：该类用于设置组中的大尺寸图像。
• big：该类用于设置组中的大尺寸图像。
• huge：该类用于设置组中的大尺寸图像。
• 海量：该类用于在一组中设置海量大小的图像。

句法：

      
      
      ....

示例 1：此示例演示了使用小班的组大小变化。用户可以查看特定尺寸的所有图像。您可以在下图中看到输出，其中显示了所有小尺寸图像。

HTML

  

    
    

  

    

        


        
GeeksforGeeks
        Semantic UI Group Size Variation
        


        Group of Small size:
        


        

            
            
            
            
        
    

输出 ：

语义 UI 图像组大小

示例 2：此示例演示了使用小类的组大小变化。您可以在下图中看到输出，其中显示了所有微小尺寸的图像。

HTML

  

    
    

  

    

        


        
GeeksforGeeks
        Semantic UI Group Size Variation
        


        Group of Tiny size:
        


        

            
            
            
            
  
        
    

输出：

语义 UI 图像组大小

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