css - 帮助列表样式图像

Question

我已将图像 32x32px 设置为列表样式图像，如下所示:

.class li{
    list-style-image:url(../images/site/img.png);
}

效果很好，但问题是文本位于列表项的底部(因为图像高 32 像素，列表项也高 32 像素)。我想让文本垂直居中，这样看起来不错。

我试过:

.class li{
    line-height:1em;
}

但这并没有帮助。

Answer 1

您可以使用 vertical-align 属性指定居中对齐。像这样:

.class li {
    vertical-align: middle;
}