Semantic-UI 嵌套段组

Semantic UI是一个开源开发框架，它提供了预定义的类，使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。

细分用于对相似的内容进行分组，从而改善用户体验并帮助用户有效地浏览您的内容。嵌套分段组用于将分段分组到另一组分段中。

Semantic-UI Segment 嵌套 Segment Group 类：

• segment：该类用于定义相似内容的段。
• 水平：该类用于在水平方向对齐元素。

句法：

    

        ...
    

示例 1：下面是演示 Semantic-UI Segment Nested Segment Group 使用的代码。

HTML

  

    
  
    

  

    
        

            Geeksforgeeks
        
  
        

            Semantic-UI Nested Segment Group
        
    
  
    

        

            
First
  
        
  
        

            
Second
  
        
  
        

            

                
Horizontal-Nested First
  
            
  
            

                
Horizontal-Nested Second
  
            
  
            

                
Horizontal-Nested Third
  
            
        
  
        

            
Third
  
        
  
        

            

                
Nested First
  
            
  
            

                
Nested Second
  
            
  
            

                
Nested Third
  
            
        
    

  

输出：

Semantic-UI 嵌套段组

示例 2：下面是另一个代码，演示了 Semantic-UI Segment Nested Segment Group 的使用。

HTML

  

    
  
    

  

    
        

            Geeksforgeeks
        
  
        

            Semantic-UI Nested Segment Group
        
    
  
    

        

            
1
  
        
  
        

            
2
  
        
  
        

            

                
Horizontal-Nested 1
  
            
  
            

                
Horizontal-Nested 2
  
            
  
            

                
Horizontal-Nested 3
  
            
        
  
        

            
3
  
        
  
        

            

                
Nested 1
  
            
  
            

                
Nested 2
  
            
  
            

                

                    
2-Nested 1
                
  
                

                    
2-Nested 2
                
  
                

                    
2-Nested 3
                
            
  
            

                
Nested 3
            
        
    

  

输出：

Semantic-UI 嵌套段组

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