我的div里面有ul，我希望将ul水平放在屏幕的中心位置。
可以在此处找到项目的完整代码：jsfiddle
我尝试过使用：
margin: 0 auto; /* After setting the width of course */
text-align: center; /* Ran out of ideas!! */
我也尝试过相对定位和设置％而不是px，但这并没有给我准确的屏幕中心，而且，如果我在菜单中添加了更多项目，那么在包含它们之后它就不会是中心(使用一个 ％)。
我的完整代码位于jsfiddle，供您修改。
为方便起见，我贴了一些(我认为的)相关代码：
CSS：
/* Main*/
ul#nav {
display: inline-block;
padding: 0px;
list-style-type: none;
white-space: nowrap;
position: relative;
top: 10px;
left: 10%; /* This is what im currently using, but as thought, it doesnt work as needed :(*/
border: 2px solid chocolate;
-moz-border-radius: 10px; /* Border Radius for Mozilla Firefox */
border-radius: 10px; /* Border Radius for everything else*/
}
ul#nav li {
float: left;
font-family: 'Myraid Pro', Arial, Helvetica, sans-serif; /*Use available font for menu */
font-weight: bold;
margin: 0;
padding: 5px 0 4px 0;
background-color: #ee8043; /*Background Colour for the
*/padding: 5px; /* Padding for the LI */
-moz-border-radius: 8px; /* Border Radius for Mozilla Firefox */
border-radius: 8px; /* Border Radius for everything else*/
}
HTML：
基本上，我想将#nav包含在#navbar中，#navbar包含在#header中。
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
