對齊背景精靈圖像

Question

我怎樣才能中心對齊背景圖像的td或li有不同的寬度（從25px到30px）。我嘗試了一切，但他們不會對齊。

這是我使用的是什麼：

.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開始，而不是

」 ../img/精靈/圖標/ PNG」

我不明白：

寬度（從25px到30px）

您是否想要將圖像放在同一個位置，或者只是圖像居中？

如果您使用background-position: center;或background-position: 50% 50%;它應該居中。它的外觀取決於外部內容的寬度和高度。