如何使我的下拉菜单居中？答案

【问题标题】：How do I center my dropdown menu?如何使我的下拉菜单居中？
【发布时间】：2013-09-08 17:38:09
【问题描述】：

我正在尝试在不影响菜单功能的情况下将下拉菜单居中。任何帮助深表感谢！谢谢！

#menu_container { padding: 1px 0; border-bottom: 1px solid #FFF; }
#menu_container ul { list-style-type: none; }
#menu_container ul li { float: left; font-size: 12px; position: relative; }
#menu_container ul li a { display: block; padding: 5px 15px; color: #808080; text-decoration: none; }
#menu_container ul li a:hover { background-color: #333; color: #808080; }
#menu_container ul li ul { display: none; position: absolute; top: 25px; left: 0; z-index: 150; border: 1px solid #ddd; }
#menu_container ul li ul li { width: 310px; float: none; }
#menu_container ul li ul li a { background-color: #fff; }

【问题讨论】：

标签： wordpress drop-down-menu themes center

【解决方案1】：

这取决于您的布局和页面结构。这可能就像为 #menu_container 分配固定宽度和自动边距一样简单：

#menu_container { width: 640px; margin: 0 auto; padding: 1px 0; border-bottom: 1px solid #FFF; }
/* Depending on your layout, you may also need to assign a full-width and/or relative positioning to a parent/container/wrapper element */

【讨论】：

【解决方案2】：

您可以通过添加将#menu_container 元素设置为居中

margin:0px auto;

为了使其工作，您还必须为容器设置宽度。

【讨论】：