Semantic-UI 段堆积类型

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

Semantic UI Segment是一个segment，是一个容器，用来放置相同类型或相同类别的内容。它用于对相关项目进行分组。 Semantic UI Segment Piled Type 用于显示堆积的段。该段具有一种特殊类型的格式，带有堆积的边框。

语义 UI 段堆积类型类：

• 堆积：将类添加到段中，它将显示为堆积。

语法：将堆积的类添加到段中，如下所示：

    ...

示例：在以下示例中，我们将三个段作为堆积类型。

HTML

  
    
    
    
    
    
    
    
    
  
  
  
    
      
        
          
            GeeksforGeeks
          
        
        
          Semantic UI Segment Piled Type
        
        
        
        
          Toggle Piled Type
        
      
  
      
        Data Structures
        
          Stack
          Heap
          Array
        
      
      
        Algorithms
        
          Searching
          Sorting
          Graph
        
      
      
        Programming Languages
        
          Java
          C++
          Python
        
      
    
    
      const togglePiledVariation = () => {
        $('.ui.segment').toggleClass('piled')
      }
    
  

输出

Semantic-UI 段堆积类型

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