Jquery 无法使用CSS将块元素居中

最近，我的一个朋友给我发了一个不错的代码，供我在网站上使用。但该菜单的CSS使其左对齐。我仍然希望它的宽度为100%但项目和子项目与中心对齐。我尝试删除所有的

浮动：left

s，将

文本对齐

更改为

居中

甚至添加

边距：0px自动但这两个都不起作用。以下是菜单的代码（注意：由于菜单是响应性的，因此当不以“整页”模式运行代码段时，媒体查询会导致
ul
隐藏在视图中）：


（函数（$）{
$.fn.menumaker=函数（选项）{
var cssmenu=$（此），
设置=$.extend({
标题：“菜单”，
格式：“下拉列表”，
粘性：假
}，选项）；
返回此值。每个（函数（）{
cssmenu.prepend（“”+settings.title+“”）；
$（this）.find（#菜单按钮”）.on（'click'，function（）{
$（this.toggleClass（'menu-opened'）；
var mainmenu=$（this.next（'ul'）；
if（mainmenu.hasClass（'open'））{
main menu.hide（）.removeClass（'open'）；
}否则{
main menu.show（）.addClass（'open'）；
如果（settings.format==“下拉列表”）{
main menu.find（'ul'）.show（）；
}
}
});
cssmenu.find（'li-ul'）.parent（）.addClass（'has-sub'）；
multiTg=函数（）{
cssmenu.find（“.has sub”）.prepend（“”）；
cssmenu.find（“.submenu button”）。在（'click'，function（）上{
$（this.toggleClass（'submenu-opened'）；
if（$（this）.sibbins（'ul'）.hasClass（'open'））{
$（this）.sides（'ul'）.removeClass（'open'）.hide（）；
}否则{
$（this）.this（'ul'）.addClass（'open'）.show（）；
}
});
};
如果（settings.format==='multitogle'）multiTg（）；
else cssmenu.addClass（'dropdown'）；
如果（settings.sticky==true）cssmenu.css（'position'，'fixed'）；
resizeFix=函数（）{
如果（$（窗口）.width（）>768）{
cssmenu.find（'ul'）.show（）；
}
如果（$（窗口）.width（）ul:after{
内容：“.”；
显示：块；
明确：两者皆有；
可见性：隐藏；
线高：0；
身高：0；
}
#cssmenu#菜单按钮{
显示：无；
}
#cssmenu{
宽度：自动；
字体系列：“开放式Sans”，无衬线；
线高：1；
背景：#ffffff；
}
#菜单行{
位置：绝对位置；
排名：0；
左：0；
高度：3倍；
背景：#009ae1；
-webkit过渡：所有0.25秒都可以轻松过渡；
-moz转换：所有0.25秒都会变慢；
-ms转换：所有0.25秒都会变慢；
-o型过渡：所有0.25秒均缓解；
过渡：所有0.25秒都放松；
}
#cssmenu>ul>li{
浮动：左；
}
#cssmenu.align-center>ul{
字号：0；
文本对齐：居中；
}
#cssmenu.align-center>ul>li{
显示：内联块；
浮动：无；
}
#cssmenu.align-center ul{
文本对齐：左对齐；
}
#cssmenu.align-right>ul>li{
浮动：对；
}
#cssmenu.align-right ul{
文本对齐：右对齐；
}
#cssmenu>ul>li>a{
填充：20px；
字体大小：12px；
文字装饰：无；
文本转换：大写；
颜色：#000000；
-webkit过渡：颜色。2轻松；
-moz过渡：颜色。2秒轻松；
-ms过渡：颜色。2秒轻松；
-o-过渡：颜色。2s容易；
过渡：颜色。2s轻松；
}
#cssmenu>ul>li:悬停>a，
#cssmenu>ul>li.active>a{
颜色：#009ae1；
}
#cssmenu>ul>li.has-sub>a{
右边填充：25px；
}
#cssmenu>ul>li.has-sub>a:：after{
位置：绝对位置；
顶部：21px；
右：10px；
宽度：4px；
高度：4px；
边框底部：1px实心#000000；
右边框：1px实心#000000；
内容：“；
-webkit变换：旋转（45度）；
-moz变换：旋转（45度）；
-ms变换：旋转（45度）；
-o变换：旋转（45度）；
变换：旋转（45度）；
-webkit过渡：边框颜色0.2s；
-moz过渡：边框颜色0.2s；
-ms过渡：边框颜色0.2s；
-o型过渡：边框颜色0.2s；
过渡：边框颜色0.2s；
}
#cssmenu>ul>li.has sub:hover>a:：after{
边框颜色：#009ae1；
}
#cssmenu ul{
位置：绝对位置；
左：-9999px；
}
#cssmenu li:悬停>ul{
左：自动；
}
#cssmenu.align-right li:悬停>ul{
右：0；
}
#cssmenu ul{
左边距：100%；
排名：0；
}
#cssmenu.align-right ul{
左边距：0；
保证金权利：100%；
}
#cssmenu ul li{
身高：0；
-webkit过渡：高度。2秒轻松；
-moz过渡：高度2秒；
-ms过渡：高度2秒；
-o型过渡：高度2秒；
过渡：高度2秒；
}
#cssmenu ul li：悬停>ul>li{
高度：32px；
}
#cssmenu ul li a{
填充：10px 20px；
宽度：160px；
字体大小：12px；
背景:#333333；
文字装饰：无；
颜色：#dddddd；
-webkit过渡：颜色。2轻松；
-moz过渡：颜色。2秒轻松；
-ms过渡：颜色。2秒轻松；
-o-过渡：颜色。2s容易；
过渡：颜色。2s轻松；
}
#cssmenu ul li:悬停>a，
#cssmenu ul li a:悬停{
颜色：#ffffff；
}
#cssmenu ul li.has-sub>a:：after{
位置：绝对位置；
顶部：13px；
右：10px；
宽度：4px；
高度：4px；
边框底部：1px实心#dddddd；
右边框：1px实心#dddddd；
内容：“；
-webkit变换：旋转（-45度）；
-moz变换：旋转（-45度）；
-ms变换：旋转（-45度）；
-o变换：旋转（-45度）；
变换：旋转（-45度）；
-webkit过渡：边框颜色0.2s；
-moz过渡：边框颜色0.2s；
-ms过渡：边框颜色0.2s；
-o型过渡：边框颜色0.2s；
过渡：边框颜色0.2s；
}
#cssmenu.align-right ul li.has-sub>a:：after{
右：自动；
左：10px；
边界底部：0；
右边界：0；
边框顶部：1px实心#dddddd；
左边框：1px实心#dddddd；
}
#cssmenu ul li.具有子项：悬停>a:：之后{
边框颜色：#ffffff；
}
@介质和全部（最大宽度：768px），
仅屏幕和（-webkit最小值）
   #cssmenu.align-center > ul {
      font-size: 0;
      text-align: center;
    }
    #cssmenu.align-center > ul > li {
      display: inline-block;
      float: none;
    }