Semantic-UI 水平段组

Semantic UI是一个现代框架，用于为网站开发无缝设计。它为用户提供了轻量级的组件体验。它使用预定义的 CSS 和 jQuery 来整合不同的框架。

Semantic UI Segment是一个segment，是一个容器，用来放置相同类型或相同类别的内容。它用于对相关项目进行分组。

语义 UI 水平段组是水平显示的段组。我们可以将线段水平放置在一行中。

语义 UI 水平段组类：

• 水平段：具有此类的容器可以包含多个水平显示的段。

语法：创建一个具有水平线段类的容器，并将线段放置在其中，如下所示：

    

    
    ...

示例：在以下示例中，我们有三个水平分组并显示相关内容的段。

HTML

  
    
    
    
    
    
    
    
    
    
      .icon {
        margin: 16px;
      }
    
  
  
  
    
      
        
          
            GeeksforGeeks
          
        
        
          Semantic UI Horizontal Segments Group
        
      
      
        
          Data Structures
          
            Stack
            Heap
            Array
          
        
        
          Algorithms
          
            Searching
            Sorting
            Graph
          
        
        
          Programming Languages
          
            Java
            C++
            Python
          
        
      
    
  

输出

Semantic-UI 水平段组

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