我想要我的菜單中的UI的元素是在中心,我嘗試了很多方法,但它不會繼續。看看我的CSS:用未知寬度居中浮動左菜單
#menu {
float: left;
width: 767px;
height: 38px;
margin: 11px 0 0 14px;
background: url(images/menubg.gif) repeat-x;
-webkit-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
border: 1px solid #efeff1;
}
#menu ul {
list-style: none;
text-align: center;
padding: 0;
margin: 0;
height: 40px;
}
#menu ul li {
float: left;
color: #767676;
height: 18px;
padding: 11px 0px 11px 0px;
display: inline;
}
#menu ul li a {
font-family: Arial, Helvetica, sans-serif;
color: inherit;
font-size: 12px;
text-decoration: none;
font-weight: bold;
display: block;
padding: 0px 23px 2px 23px;
border-left: 1px solid #e0e0e2;
}
我試過display:inline,text-aling:center,但它沒有正確。 非常感謝提前。
您是否嘗試過這個嗎? http://pmob.co.uk/pob/centred-float.htm或者'display:inline-block'而不是'inline'?小提琴:http://jsfiddle.net/dtTdg/ – biziclop
是的,但都沒有工作......謝謝... –