语义 UI 标签组大小

Semantic UI是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。这个框架最好的部分是它创建了漂亮的响应式布局，因为它包含预构建的语义组件。

标签是我们网站的重要组成部分，因为它向用户显示信息。现在，这些标签可以以各种方式创建，并且可以具有不同的外观和感觉。标签组大小是一组可以具有相同大小的标签。

语义 UI标签组大小类：

• mini：该类用于显示mini尺寸的标签组。
• tiny：该类用于显示小尺寸的标签组。
• small：该类用于显示小尺寸的标签组。
• large：该类用于显示大尺寸的标签组。
• big：该类用于显示大尺寸的标签组。
• huge：该类用于显示巨大尺寸的标签组。
• 海量：该类用于显示海量大小的标签组。

句法：

下面的示例将演示语义 UI 中的标签组大小类。

示例 1：此示例显示使用大尺寸的标签组。

HTML

  

    
    
    

  

    
    
      GeeksforGeeks
    
    
      Label Group Size
    
    
    
        
  
        
            GFG
        
        
            Geek
        
        
            GeeksforGeeks
        
        
            GeeksForLife
        
    

  

输出：

示例 2：此示例显示使用所有可用尺寸的标签组。

HTML

  

    
    
    

  

    
    
      GeeksforGeeks
    
    
      Label Group Size
    
    
  
    
        
  
        
            Mini
        
        
            Mini
        
        
            Mini
        
    
    
  
    
        
  
        
            Tiny
        
        
            Tiny
        
        
            Tiny
        
    
    
  
    
        
  
        
            Small
        
        
            Small
        
        
            Small
        
    
    
  
    
        
  
        
            Large
        
        
            Large
        
        
            Large
        
    
    
  
    
        
  
        
            Big
        
        
            Big
        
        
            Big
        
    
    
  
    
        
  
        
            Huge
        
        
            Huge
        
        
            Huge
        
    
    
  
    
        
  
        
            Massive
        
        
            Massive
        
        
            Massive
        
    

  

输出：

参考： https://semantic-ui.com/elements/label.html