我在将文本放在 ul li 中比中心垂直对齐稍低时遇到了一些麻烦。我的代码在jsFiddle
我希望它是相同的,在大多数浏览器中看起来都一样,但文本比它低 10 px。
谢谢你。
<style>
#super-ul
{
list-style-type : none;
padding-top : 0;
overflow : hidden;
float : left;
}
#super-ul li
{
display : inline-block;
border:1px solid red;
}
#super-ul li img
{
vertical-align : middle;
}
</style>
<ul id="super-ul">
<li><a href="#"><img src="http://www.google.by/images/icons/product/chrome-48.png" alt=""></a></li>
<li><div><a href="#">This text should be valigned center but 10px down</a></div></li>
</ul>