Semantic-UI 分隔符水平类型

Semantic UI 是一个免费的开源前端开发框架，配备了预构建的语义组件，有助于使用用户友好的 HTML 创建响应式布局。在用户友好性方面，Semantic UI 优于 Bootstrap 样式。 Snapchat、埃森哲等顶级公司已经开始在前端采用语义 UI。

Semantic-UI Divider 水平类型类：

• 分隔符：将网页内容划分为网格的不同部分的常规方法。
• 水平分割器：分割器可以水平分割网页内容。

在本文中，我们将讨论语义 UI 的水平分隔线类型。分隔符通常用于将内容简洁地划分为不同的部分。

句法：

    
 ... 
    
 ... 
    
 ... 

水平类型分隔器将部分水平分成两个相等的两半，如下所示。当要分割多个段落并且当前简洁地在同一页面上时，它们很有用。

示例 1：此示例说明了两个组件之间的水平分隔线：

HTML

  

    

  

    

        

            
            
            
Search
        
        

            Or
        
        

            

                
                
                
Find
  
                

                    

                        

                            Order History
                        
                    
  
                    

                        Thanks
                    
  
                
  
                

                    Add food to your cart
                    
                
            
        
    

  

输出：

水平分隔型

示例 2：第二个示例显示了在语义 UI 中使用水平分隔符类型划分两个段落部分的水平类型分隔符。

HTML

  

    

  

    
        
Geeksforgeeks
        Semantic UI Horizontal Divider 
    
  
    

        This is a Horizontal divider
    
    Semantic-UI Checkbox-Types:
    


      
    

        

            Please go through the terms
            and conditions thoroughly
        
  
        
        Accept terms and conditions
        
 OR 
    
  
    

        

            Do you like us to send a copy
            of our updates via email
        
  
        
        Sign up for newsletters 
        
 Thanks 
    

  

输出：

语义 UI 水平分隔线

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