2014-10-11 148 views
0

我怎样才能中心对齐背景图像的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; } 
+0

'.cIcons-26'是一个'td'? – 2014-10-11 02:33:56

回答

0

你应该使用../img/sprites/icons.png开始,而不是

” ../img/精灵/图标/ PNG”

我不明白:

宽度(从25px到30px)

您是否想要将图像放在同一个位置,或者只是图像居中?

如果您使用background-position: center;background-position: 50% 50%;它应该居中。它的外观取决于外部内容的宽度和高度。

+0

图像有不同的宽度。一些是20px,23px 26px。问题在于他们不会在中心 – user2093301 2014-10-11 07:10:51

+0

与他们应该的“背景位置:50%50%”对齐。如果他们没有正确居中,你可以使用分开的'top:x''lef:x'等,直到你得到你想要的结果 – creptor4 2014-10-12 01:58:29