Semantic-UI 标签水平类型

Semantic UI 是一个用于构建出色用户界面的框架。它是一个使用 CSS 和 jQuery 的开源框架。这个框架允许我们使用它的各种样式和属性来使网站更加用户友好。

在本文中，我们将使用语义 UI 框架创建标签水平类型。语义 UI 标签用于创建有意义的内容分类。在语义 UI 标签中，提供了 9 种类型的标签。它们是标签、图像、指向、角、标签、功能区、附加、水平和浮动。

Semantic UI Label Horizontal Type 用于将标签内容格式化为水平尺寸。

Semantic-UI 标签水平类型类：

• 水平：该类用于制作水平格式的标签。

句法：

    
 ... 
    ...

示例 1：以下示例说明了使用标签和水平类的语义 UI 标签水平类型图标。

HTML

  

    
    
    
    Semantic-UI Label Horizontal Type

  

    
        
            GeeksforGeeks
        
  
        Semantic-UI Label Horizontal Type
  
        
            
                Site
            
            GeeksforGeeks
        
    

  

输出：

输出

示例 2：在此示例中，我们将使用 Semantic-UI 以列表项的形式创建一些水平标签。

HTML

  

    
    
    
    Semantic-UI Label Horizontal Type

  

    
        
            GeeksforGeeks
        
  
        Semantic-UI Label Horizontal Type
  
        
            
                Site
                GeeksforGeeks
            
            
                Topic
                Semantic UI
            
            
                Label
                Horizontal
            
        
    

  

输出：

输出

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