<div id="wrapper" class="hfeed">
<div id="access">
<div id="menu">
<ul>
<li class="page_item page-item-2"><a title="About" href="/?page_id=2">About</a></li>
<li class="page_item page-item-20"><a title="Support" href="/?page_id=20">Support</a></li>
<li class="page_item page-item-22"><a title="Links" href="/?page_id=22">Links</a></li>
<li class="page_item page-item-47"><a title="About" href="/?page_id=47">About</a></li>
</ul>
</div>
</div><!-- #access -->
</div>
我目前的CSS:
div#menu {
background:#000;
height:1.5em;
margin:1em 0;
}
div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}
div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}
div#menu ul ul ul a {
font-style:italic;
}
div#menu ul li ul {
left:-999em;
position:absolute;
}
div#menu ul li:hover ul {
left:auto;
}
是我的菜单,但我不知道如何将它放在页面中间。
答案 0 :(得分:7)
就像hitautodestruct所说的有两种方式,但你需要描述你想要的东西。
您是否希望整个导航块中心对齐?
如果是这样,你可以在css中做到这一点(将宽度改为你想要的那样):
div#menu {
width:500px;
margin: 0px auto;
}
您希望导航中的内容居中吗? 如果是这样,那么将其添加到您的css:
ul {
text-align:center;
}
如果这些不是你想要的,那么你能更详细地描述一下吗!干杯
答案 1 :(得分:0)
尝试使用此css属性:text-align
和vertical-align
http://www.w3schools.com/css/pr_pos_vertical-align.asp
http://www.w3schools.com/CSS/pr_text_text-align.asp
我不确定你的html是否是入门页面所以我不能为你编辑css,如果可能的话尽量自己做。
答案 2 :(得分:0)
如果你想将它放在x网格中心,你可以使用简单的自动边距技术:
设置您的身体,使其将文字与中心对齐:
body{text-align:center;}
使用左右自动边距设置容器,同时将所有文本对齐到左侧:
#wrapper{margin:0 auto;text-align:left;}
在垂直方面,这篇文章有点棘手:
http://phrogz.net/css/vertical-align/index.html