css - 垂直定位伪图像元素 (CSS)

Question

我正在使用 :before 伪元素将小图像添加到我网站上的下载链接。图片高度大于行高，图片底部与文字底部对齐。

如何改变伪元素的垂直对齐方式？理想情况下，图像的中心与文本的中心对齐？

Answer 1

我发现这在大多数情况下都有效，只要文本和图像没有超出比例:

#elem:before
{
    content: url(image.png);
    position: relative;
    bottom: -.5ex;
    margin-right: .5em;
}

margin-right 在图像和文本之间留出一点空间。