html - 如何在 DIV 中对齐 UL

Question

我在 div 中有一个无序列表。我用它在菜单中创建按钮。

#tagscontainer
{
    width: 700px;
    height: 50px; 
    margin: auto;
}

#tagscontainer li
{
    margin-right: 1em;
    float: left;
    background: none repeat scroll 0 0 #EEEEEE;
}


<div id="tagscontainer">
<ul>

<li><a href="menu1"> Link 1</a></li>
<li><a href="menu2"> Link 2</a></li>
<li><a href="menu3"> Link 3</a></li>

</ul>
</div>

我希望元素在宿主 DIV 中垂直居中。另外，在这样的菜单中为 ul 或 li 设置高度的最佳做法是什么。基本上我希望我的按钮比父 div 天花板和地板有一些相同缩进的文本大。

Answer 1

好吧，让我们再试一次:您的 div 的高度为 50px。如果您的距离是 10px，那么 li 的距离为 30px。

li {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  float: left;
  background: none repeat scroll 0 0 #EEEEEE;
  height: 30px;
  line-height: 30px;
}