用户名:  密码:   
您当前的位置:首页 > 网页设计 >  Html+CSS > 

ul菜单横向排例水平居中

上次修改时间: 2015-12-23 10:50:26      来源:网络总结      作者:钢铁长陈
上一页      路径:DSD\Learn\Html与CSS\DIV+CSS\      下一页

ul菜单横向排例水平居中

方法一:把ul放在一个DIV中,把这个DIV左右边距设为自动 宽度设为里面li宽度之和,主要这里div宽度不能设的太宽,否则里面的ul会靠左或右
方法二:
1.ul要单独放在一个div中,这个div要设置固定宽度,所有边界都设自动,如有背景要设在这个div中
2.ul要设置固定高度,否则将不能显示外层div背景,
3.ul下的li要设为左浮动
4.这时ul不在div正中,可设置ul的左边界使其向右偏移


#foot .foot_nav {
 background-image: url(../templets/moossy/images/nbom_bg.gif);
 background-repeat: repeat;
}
#foot .foot_nav ul {
 list-style-type: none;
 height: 25px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: 150px;
}
#foot .foot_nav li {
 width:100px;
 float: left;
 text-align:center;
 margin-top:3px;
 margin-left: 8px;
}
#foot .foot_nav .foot_nav_menu {
 margin: auto;
 width: 1003px;
}