html - 如何在 DIV 内对齐 UL

我在 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天花板和地板有一些相同缩进的文本大。

最佳答案

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

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

关于html - 如何在 DIV 内对齐 UL，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5078831/