Semantic-UI Stacked Segments 组

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

Semantic UI Segment是一个segment，是一个容器，用来放置相同类型或相同类别的内容。它用于对相关项目进行分组。 Semantic UI Stacked Segments Group 用于将一组段堆叠在一起。这些段似乎一个接一个地堆叠在一起。

Semantic UI Stacked Segments Group 类：

• 堆叠段：具有此类的容器可以包含看起来从上到下堆叠的段。

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

    

        ...
    
    ...

示例：在下面的示例中，我们有一个使用堆叠的段一个接一个堆叠的段列表。

HTML

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

输出

Semantic-UI Stacked Segments 组

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