我有一个使用很棒的字体的列表，因此它的类是fa-ul :
<ul class='fa-ul'>
<li class='dept'><i class='fa-li fa fa-stop'></i><span>Management</span></li>
<li class='dept'><i class='fa-li fa fa-stop'></i><span>Something else</span></li>
</ul>
相关的 CSS 是：
li {
font-size : 2em;
margin: 1em 0;
}
我希望文本和停止方块垂直对齐。到目前为止，情况并非如此：
看截图：
我尝试将 fa 图标和文本包装在<div>元素与vertical-align属性设置为middle， 没有成功。谢谢你帮助我。
Use inline-blocks and do vertical-align: middle让它正确。
li {
font-size : 2em;
margin: 1em 0;
}
li > *{
display: inline-block;
vertical-align: middle;
}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<ul class='fa-ul'>
<li class='dept'><i class='fa-li fa fa-stop'></i><span>Management</span></li>
<li class='dept'><i class='fa-li fa fa-stop'></i><span>Something else</span></li>
</ul>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
