如何在二十十个默认的WordPress主题中居中对齐菜单?

时间:2017-08-02 18:23:08

标签: wordpress twenty-ten-theme

是否可以对齐菜单项目中心?实际上我的网站有很多菜单,所以菜单出现在左边的第二行,所以我想把它们显示为中心对齐。有什么建议吗? 请在下面找到我的Css。这是默认二十个wordpress主题的编辑样式表。我正在使用全宽度布局。 感谢。



#access {
	background:#cc0000;
	margin: 0 auto;
	width: 100%;
	 padding: 0px 0px;
	 border-top:2px solid #eb9999;
	border-bottom:12px solid #000000;
	clear:both;
	margin-bottom:5px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin: 0 auto;
	width: 1024px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #aaa;
	display: block;
	line-height: 20px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul{display:inline-block;}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}




0 个答案:

没有答案