我希望我的导航链接垂直位于父 div 的中间。我该怎么做?
HTML:
<div id="nav">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
CSS:
#nav {
background: #8DC3E9;
width: 100%;
height: 70px;
border-bottom: 2px solid #4C88BE;
}
#nav ul {
margin: 0;
}
#nav ul li {
display: inline;
font-size: 40px;
}
最佳答案
根据您对其他答案的评论,您希望它们在中间垂直对齐。由于您已经有了固定的高度,这应该可行:
#nav ul {
margin: 0;
vertical-align: middle;
line-height: 70px;
}
关于css - 在 div 中垂直居中列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2169672/