如何在中央设置下拉按钮？

下拉菜单是提供选项列表的菜单。菜单标题始终处于显示状态，其余项目被隐藏。这是一个可切换的菜单，通过单击该菜单可以显示所有项目。

通过将下拉列表div的“文本对齐”属性设置为居中，可以将下拉列表按钮置于页面的中心。以下示例包含一个简单的Bootstrap下拉菜单，其中添加了类“ my-menu”。属性“ text-align：center”已添加到类中。

示例：在这里，属性“ text-align：center”将下拉div的内容对齐到居中，从而将下拉按钮设置为居中。

    
        
  
        
            .my-menu {
/*Sets all the content of dropdown div to center*/
                text-align: center; 
            }
        
    
  
    

        
            
                Dropdown button
            
            
                Action 1
                Action 2
                Action 3
            
        
  
        
      
        
      
        
      
    

输出：