2010-07-10 114 views
0

嘿家伙,我有一个标准的导航栏与无序列表和使用精灵。我也使用jQuery来渲染一些动画。一切正常。我在集中酒吧时遇到问题。它与左边对齐。我试过使用文本对齐:中心,但这不起作用。我认为这些属性存在冲突。你们能帮我把它集中吗?我不是那么大的UI开发者!居中导航栏

.navbar { 
list-style-type: none; 
list-style-position:outside; 
position: relative; 
margin: 0; 
padding: 0; } 

.navbar li{ 
display: block; 
overflow: hidden; 
padding: 0; 
cursor: pointer; 
float: left; 
width: 125px; 
height: 40px; 
margin-right: 0px; 
background-image:url(sprite.jpg); 
background-repeat:no-repeat; 

} 
.navbar a{ 
display:block; 
height:40px; 
text-indent:-9999px; 
outline:none; 

} 

回答

1

你试过吗?

margin-left: auto; 
margin-right: auto; 

或者类似的东西?

margin-left: 0px; 
margin-right: 0px;