返回首页
当前位置11: 主页 > web前端 >

div 菜单居中的方法

时间:2010-03-14 20:42来源:未知 作者:admin 点击:
先看代码 .nav { font-size:12px; font-weight:bold; margin: 0 auto; } .nav li{ display: inline; background:url(../temp/nav_bj.jpg) no-repeat; line-height:25px; text-align:center; font-size:12px; padding:0 13px 0 20px; } 先把一般写的

先看代码

.nav { font-size:12px;
font-weight:bold;
margin: 0 auto;
}
.nav li{ display: inline;
background:url(../temp/nav_bj.jpg) no-repeat;
line-height:25px;
text-align:center;
font-size:12px;
padding:0 13px 0 20px;
}

先把一般写的float: left; 去掉,加上display: inline;也能实现li同行,而且还能实现菜单居中的效果

padding:0 13px 0 20px;是控制菜单单个栏目局中的
经测试,兼容ie6,ie7 Firefox


 

(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐内容