css 创世纪的中心菜单

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 创世纪的中心菜单相关的知识,希望对你有一定的参考价值。

/* center menu
------------------------------------------------------------ */
#nav .wrap {
	margin-left: auto;
	margin-right: auto;
	display:table;
	white-space:nowrap;
}

#nav{
	text-align:center
}

.sub-menu {
	text-align:left;
}

#nav ul{
	list-style:none;
	display:table-row;
	white-space:nowrap;
}

#nav li{
	display:table-cell;
}

#nav ul a{
	display:block;
}

/* center menu for lt IE7
------------------------------------------------------------ */
#nav ul {*display:inline-block;}
#nav ul{*display:inline; }
#nav ul li{*display:inline-block}
#nav ul li{*display:inline;}
#nav ul a{*display:inline-block;}
#nav{*text-align:center}

以上是关于css 创世纪的中心菜单的主要内容,如果未能解决你的问题,请参考以下文章

css 这是一些以下拉菜单为中心的CSS

css CSS - 中心对齐Bootstrap菜单

css Dynamik中的中心主菜单

css 中心导航菜单

居中对齐标题菜单:Wordpress(Avada 主题)自定义 CSS

CSS:flexbox的第一个孩子向左并休息到中心[重复]