Semantic-UI Divider Variations Clearing Variant

Semantic UI 是一个免费的开源前端开发框架，配备了预构建的语义组件，有助于使用用户友好的 HTML 创建响应式布局。它使用预定义的 CSS 和 jQuery 来整合不同的框架。

Semantic-UI Divider 用于在两个元素之间创建分隔线，这为我们提供了 3 种类型的分隔线，有 5 种变体 Inverted、Fitting、Section、Clearing 和 Hidden。在本文中，我们将了解清算变体

Semantic-UI Divider Variations Clearing Variant 类：

• clearing：这个类用来清除上面的内容。

句法：

  
.....
  

  ....

下面的示例说明了 Semantic-UI Divider Variations Clearing Variant：

示例 1：以下示例演示了带有左浮动标题的清除分隔符变体类型。

HTML

    
   
    

    

    
GeeksforGeeks
    
        Semantic-UI Divider Variations Clearing Variant
    
    

        Semantic UI
    
    

      

       

           Semantic UI is a free open-source 
           front-end development framework that
           is equipped with pre-built semantic 
           components that helps create responsive
           layouts using user-friendly HTML. In 
           terms of user-friendliness,    Semantic UI
           is better than Bootstrap.
       
  
       
 
          Semantic UI - Clearing type Divider 
       
       

       

         The clearing variation divider clears
         the contents specified above the divider.
         This type of divider is used when more space
         is required between any two sections. 
       
  
     
  

输出：

示例 2：在下面的代码中，我们可以看到一个稍微不同的示例，我们可以看到使用垂直分隔器的清除分隔器变体，它将两个部分分成垂直部分。

HTML

    

    
  

    
GeeksforGeeks
    Semantic-UI Divider Variations Clearing Variant
    

        

            

                
 Semantic UI 
                

                    Semantic UI is a free open-source front-end
                    development framework that is equipped with
                    pre-built semantic components that helps create
                    responsive layouts using user-friendly HTML. 
                    In terms of user-friendliness, Semantic UI 
                    is better than Bootstrap.
                
  
            
  
            

                

                    Semantic UI - Clearing divider variation 
                
                

                    The Clearing variation divider clears the 
                    contents specified above the divider. 
                    This type of divider is used when more 
                    space is required between any two sections.
                
      
            
        
        
AND
    
  

输出：

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