Html 当一个li是div时如何垂直对齐列表
我试着做一些像这样的东西(从中间一直居中): 这是我目前正在使用的HTML和CSSHtml 当一个li是div时如何垂直对齐列表,html,css,Html,Css,我试着做一些像这样的东西(从中间一直居中): 这是我目前正在使用的HTML和CSS #header { margin:0 auto; width:1000px; background-color:#666; text-align: center; } #header .navimg { width: 300px; height: 300px; border-radius: 150px; -webkit-border-radius
#header {
margin:0 auto;
width:1000px;
background-color:#666;
text-align: center;
}
#header .navimg {
width: 300px;
height: 300px;
border-radius: 150px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
background: url(../images/header_img.png) no-repeat;
}
#header ul {
list-style-type: none;
display:inline-block;
margin:0 auto;
}
#header ul li {
float:left;
padding:10px;
}
还有HTML
<div id="header">
<ul>
<li><a href="">Durka Durk</a></li>
<li><a href="">Durka Durk</a</li>
<li><div class="navimg"></div></li>
<li><a href="">Durka Durk</a></li>
<li><a href="">Durka Durk</a></li>
</ul>
</div>
当我试着运行它时,我得到了这个
我怎样才能在上图中得到我想要的东西?试试这个:
#header ul li {
display:block;
padding:10px;
vertical-align:middle;
}
试试这个:
#header ul li {
display:block;
padding:10px;
vertical-align:middle;
}