我有一排 DIV 用于导航,我尝试仅使用 CSS 将图像垂直居中,其中包含 anchor 。我尝试了垂直对齐:中间;但这不起作用。我确信这与 float:left 有关,因为所有图像都被推到左侧,但是当我将其取出时,div 会发疯。
HTML
<div class="linkgroup">
<img src="images/homeIcon.png">
<li class="navItem"><a href="somelink.com" class="navLink">HOME</a></li>
</div>
</ul>
CSS
.linkgroup{
float: left;
height:5px;
}
最佳答案
不知道为什么使用 li 来保存 anchor 元素。从问题来看,没有提到李。所以我假设你只需要一张图像和一个 anchor 。 看看这个:
基本上你只需要让助手拥有容器 div 的 100% 高度即可。你需要使用
vertical-align: middle;
display: inline-block;
在容器div中的所有子元素上使它们垂直对齐。
关于image - 如何在 div 内使用 anchor 垂直居中图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16766004/