我有以下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/

10-12 12:32
查看更多