我有以下JSFiddle:http://jsfiddle.net/srasve8e/
HTML:
<div class="dvMain">
<ul class="ulMM specClear">
<li class="liMM"><a href="#" class="mmLink">PORTFOLIO</a></li>
<li class="liMM"><a href="#" class="mmLink">ABOUT</a></li>
<li class="liMM"><a href="#" class="mmLink">CONTACT</a></li>
<li class="liMM"><a href="#" class="mmLink">FORUM</a></li>
</ul>
<div id="mmTrigger"><img src="nav-icon.png" class="imgMenu" /></div>
</div>
我想将图像放在每个子菜单的左侧,但是图像始终保持顶部对齐。
请帮助我将图像垂直居中。我尝试了垂直对齐,但是没有用。
最佳答案
假设图片的尺寸为20px x 20px,然后将其样式设置为
.image
{
position : absolute;
top : 50%;
margin-top : -10px;
}
关于jquery - 如何在LI内垂直居中放置图像,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27732903/