Semantic-UI Dropdown 浮动内容

Semantic UI是一个开源框架，它有一些预定义的类，使我们的网站看起来漂亮且响应迅速。它类似于引导程序，因为它具有预定义的类供使用。它使用 CSS 和 jQuery 来构建界面。它有一些不同类型的元素可以帮助我们创建一个漂亮的网站。

Semantic-UI Dropdown用于从给定选项中选择值。浮动内容用于向左或向右浮动内容。在本文中，我们将讨论 Semantic-UI 中的下拉浮动内容。

Semantic-UI Dropdown 浮动内容类：

• right floated：该类用于使内容向右浮动。
• left floated ：此类可用于将内容浮动到左侧。

句法：

  
   ... 
  

    

      
      ...
    
    ...
  

示例：以下示例演示了 Semantic-UI 下拉浮动内容。

HTML

  

    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        
            Semantic-UI Dropdown Floated Content
        
        
             
                 
                    Choose any option 
                
            
                 
                     
                        Item 1 
                
                 
                    
                        Item 2 
                
                 
                    
                        Item 3 
                
            
        
    
    
        $('.ui.dropdown').dropdown();
    

输出：

Semantic-UI Dropdown 浮动内容

参考： https://semantic-ui.com/modules/dropdown.html#floated-content