html – 如何在DIV中对齐UL

概述我在div中有无序列表.我用它在菜单中创建按钮. #tagscontainer{ width: 700px; height: 50px; margin: auto;}#tagscontainer li{ margin-right: 1em; float: left; background: none repeat scroll 0 0 # 我在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天花板和地板有一些IDENTICAL缩进.

解决方法 好吧让我们再试一次：你的div的高度为50px.如果你的距离是10px,那么我们可以得到30px的li.

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全部内容，希望文章能够帮你解决html – 如何在DIV中对齐UL所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。