📜  Semantic-UI 菜单下拉项内容

📅  最后修改于: 2022-05-13 01:56:18.853000             🧑  作者: Mango

Semantic-UI 菜单下拉项内容

Semantic UI开源框架提供图标或字形,用于显示与某些元素相关的图片,使用 CSS 和 jQuery,用于创建出色的用户界面。它是一个用于创建漂亮和响应式布局的开发框架。

语义 UI菜单是一组显示不同导航操作的元素。我们可以导航到网站的不同页面。菜单可以是链接、搜索栏和下拉菜单的组合。

语义 UI菜单下拉项内容用于将下拉项放置在菜单内。我们可以放置一个下拉菜单,将类似的链接分组到一个链接下,使用下拉菜单使菜单紧凑。

语义 UI 菜单下拉项内容类:

  • dropdown :具有此类的项目可以包含一个菜单,其中包含一些项目。然后,每当我们与下拉菜单交互时,都会显示其中的菜单。

语法

示例:在以下示例中,我们在菜单中有一个下拉项。

HTML


  

  
  
  
  
  

  

  
    
        
          

            GeeksforGeeks           

        
                      Semantic UI Menu Dropdown Item Content                  

              
  
  


输出:

Semantic-UI 菜单下拉项内容

Semantic-UI 菜单下拉项内容

参考: https ://semantic-ui.com/collections/menu.html#dropdown-item