我有内联显示的列表项目。 我想在绿色div内垂直对齐它们。在div中垂直对齐li项目
<div id="topMenu" class="topMenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Documents</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Info</a></li>
</ul>
</div>
.topMenu li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
.topMenu a
{
color: White;
font-weight: bold;
text-decoration: none;
}
.topMenu
{
background-position: center;
background-color: Green;
height: 30px;
font-family: arial, Helvetica, sans-serif;
font-size: 0.8em;
vertical-align: middle;
text-align:center;
}
在线demo
有没有硬编码填充一个更普遍的方式是什么? – ilann 2010-07-24 20:26:05
我想我需要高度,因为我会在该div中使用背景图像,所以我需要特定的高度。 – ilann 2010-07-24 20:43:08