问：我希望菜单项以一定百分比均匀地分布在页面上，以便它们具有一定的响应能力（稍后我将添加媒体查询以使它们看起来不乱）。
我正在使用text-align：居中，但是我想要一个用于2个项目的下拉菜单，因此我复制了一些代码，并且该下拉菜单有效..但是现在我不知道如何将这些项目居中！而且下拉项没有居中并且有一个奇怪的空间..这是从哪里来的？
当您将鼠标悬停在带有下拉菜单的菜单项上时，它看起来像这样。：：http : //mackmack.tumblr.com/image/132534677322
~~~ 。导航，
。导航 ul {
list-style ： none ;
边框： 2 px 纯 黄色;
} 。导航{浮动：左; text-align ：center ; 边框：2 px纯绿色; 宽度：100 ％; } / ******************************使列表水平不垂直**** / 。导航> li {
浮动：左;
边框： 2 px 实心 橙色;
text-align ：center ;
保证金： 0 1.5 em ;
}
。nav li a {显示：块; 高度：2 em ; 行高：2 em ；/ *填充：0 1.5em; * /文本修饰：无；颜色：橙色;
边框： 实心 2 px steelblue ;
}
。导航ul {位置：绝对; 显示：无; z索引：999 ；} 。导航ul li a {宽度：80像素; } 。Nav li ：悬停ul { display ：block }
< UL 类= “NAV” >
<李> <一个HREF = “home.html做为” >主页</一> </李> <立ID = “about.html” > <一个HREF = “about.html” >关于</一> <！ -下拉菜单下的关于- > < UL > <礼> <一个HREF = “cv.html” >简历</ a > </ li
>
<李> <一个HREF = “process.html” >过程</一> </李> </ UL > </李> <李> <一个HREF = “clothes.html” >衣服</一> < UL > <李> <一个HREF = “jackets.html” >夹克</一> </李>< li > < a
HREF = “fabric.html” >织物</一> </李>
</ UL > <李> <一个HREF = “paintings.html” >绘画</一> </李> <李> <一个HREF = “ contact.html” >联系人</ a > </ li > </ ul >
答：包装器div保留为容器。您的CSS可能看起来像这样：
＃包装 {
文本对齐：中心; } 。导航{ display ：inline-block ; }
这就是使导航居中的全部。
