语义-UI 段附加变体

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

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

语义 UI 段附加变体用于将段相互附加。我们可以指定要附加的线段的方向。我们可以连接到两侧，顶部或底部。

语义 UI 段附加的变体类：

• attach ：使用此类，该段附加到两个方向。
• top ：使用此类，段附加到顶部方向。
• bottom ：使用此类，将段附加到底部方向。

语法：从上述类中添加所需的附加变体并将其添加到段中，如下所示：

    ...

示例：在以下示例中，我们有一个相互连接的段列表。

HTML

  
    
    
    
        
  
  
  
    

      
        

          
 GeeksforGeeks
        
         Semantic UI Segment Attached Variation 
      
  
      

        
Data Structures
        

          
Stack
          
Heap
          
Array
        
      
      

        
Algorithms
        

          
Searching
          
Sorting
          
Graph
        
      
      

        
Programming Languages
        

          
Java
          
C++
          
Python
        
      
    
  

输出：

语义-UI 段附加变体

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