将精灵背景放在中心位置

Question

我有一个精灵用于我的图标。其中一个是29px * 29px，但使用该图标的div实际上是35px * 35px（它有填充：6px）。 我想垂直和水平对齐图标。我没有制作35px * 35px图像，因为div大小可能会稍后改变。 有没有解决方案，还是我必须以正确的尺寸导出图标？

Answer 1

您可以在background:声明中使用负坐标，如下所示：

background: url('sprite.png') -3px -3px no-repeat;