陈昭荣向李亚鹏借200万:菜单居中的方法

来源：百度文库编辑：九乡新闻网时间：2024/07/07 10:32:53

这几天碰到个蛮令人懊恼的问题，就是菜单居中的问题，以前没有做过，倒是没有怎么去想过，到真正做时，按照自己原来的思路做时，才发觉原来是错的，废话不多说，先说说这菜单，就是极其普通的那种，看一下例子：

Html 结构：

#menu_top { margin:0 auto; width:500px; text-align:center; background:#ccc;padding:5px; }
#menu_top ul { list-style:none; }
#menu_top ul li { list-style:none; display:inline; padding-left:10px;}

问题来了，用了margin: 0 auto; text-align:center;还是不能实现居中的效果，仔细看了一下，觉得应该是跟li里的样式float: left;有关，只要去掉float:left;就能居中了，但是去掉了float: left;，li又不能够变成同一行，怎么办呢？

这是鬼哥抛来了个东西，display: inline;,是的，就是这个，把float: left; 去掉，加上display: inline;也能实现li同行，而且还能实现菜单居中的效果，OK,问题至此解决。

菜单居中的方法垂直居中的几种实现方法你还在用空格的方法居中对齐么？? 鼠标右键的新建菜单没有的恢复方法1 Excel 二级下拉菜单的3种方法(转) 厨房在家居中的十大忌讳五种方法让CSS实现垂直居中营养师的家宴菜单营养师的家宴菜单冬末春初的食补菜单血的食疗菜单女人的营养菜单补血的食疗菜单单反相机菜单的调节心灵的菜单实现隐藏菜单的方法 - 中国电子网 EC66.com - 电子工程师的加油站！菜单！另类方法恢复双启动菜单右键菜单垃圾选项清理方法如何调整修改让你发的音画作品居中五大化煞法器在家居中的摆设及功效厨房风水在家居中的十大忌讳-【风水】减肥：独一无二的“瑜珈菜单” 晒晒营养师的家宴菜单