相关疑难解决方法(0)

我有一个带有背景图像集的无序列表.所有列表项都具有相同的高度,背景图像位于左中心.

每个项目的文本应垂直居中于li.这适用于单行文本(通过根据li的高度设置行高),但不适用于两行文本.

我可以在两行项目中添加"line-height:normal",但我想要一个适用于所有项目的解决方案.

我怎样才能做到这一点？

例:

li { 
    list-style-type:none; 
    padding-left:40px; 
    height:36px;
    line-height:36px; 
    background:url('tick.png') no-repeat 0 50%; 
}

好的,这就是HTML元素现在的样子:

我希望文本以图像为中心.图像是32x32px.

这是我的代码:

<style>
div.interface {
    line-height: 32px;
    float: left;
    margin: 10px;
    width: 450px;
    font: 14px/27px 'CalibriRegular', Arial, sans-serif;
    color: #646464; text-shadow: 1px 1px 1px #fff;
    padding-right: 10px;
}
</style>

<div class="interface"><img src="assets/icons/interface.png" />Filled with fun animations and eye-candy!  Complete with Retina graphics.</div>