我试图垂直对齐列表li中的某些文本并遇到问题。首先，您需要知道我已经用自定义图像替换了list-style-image。这是我的CSS：
ul.cogs li {
list-style-image: url(Images/li_cog.png);
height: 50px;
line-height: 50px;
}
我试图看看是否有一种使文本与中间对齐的方法。我试过了：
垂直对齐：中间；
这没有用，所以我尝试了：
行高：50px；
这也没有用，所以我尝试了：
显示：表
起作用了，但是图像从列表项中消失了...。
有谁知道一种使它起作用的方法吗？
使用的问题list-style-image是您无法与文本对齐，最好的做法是先background-image用于li元素，然后再将其padding-left用于li元素。
越野车演示 （您面临的问题）
ul li {
background-image: url(http://png-5.findicons.com/files/icons/2222/gloss_basic/32/bullet_black.png);
background-repeat: no-repeat;
line-height: 30px;
padding-left: 30px;
}
ul {
margin: 50px;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句