对齐背景精灵图像

Question

如何在具有不同宽度（从25px到30px）的td或li中居中对齐背景图像。我尝试了一切，但他们不会对齐。

这就是我正在使用的：

.cIcons-26 {
float: left;
position:relative;
height:26px;
background:url("../img/sprites/icons/png") top left no-repeat;
}

.theIcon { background-position: -93px -1px; }

Answer 1

你应该首先使用../img/sprites/icons.png，而不是

  

＆＃34; ../ IMG /精灵/图标/ PNG＆＃34;

我不明白：

  

宽度（从25px到30px）

你想要将两者对齐以使图像位于同一个地方，或者仅将图像置于两者的中心？

如果您使用background-position: center;或background-position: 50% 50%;，则应将其置于中心位置。它的外观取决于外部内容的宽度和高度。