意外出現在精靈上的換行符

我正在嘗試將一些精靈放入頁腳小部件中。當我用我有的代碼安裝精靈時，我最終得到的是4行而不是1的圖像。我不確定我的代碼中出現了哪些錯誤。意外出現在精靈上的換行符

的精靈HTML是

<div> 
    <a class="calendar-sp" href="http://www.tara.meditationinsantabarbara.org/calendar"></a> 
    <a class="twitter-sp" href="http://www.twitter.com/MahakankalaBC/"></a> 
    <a class="facebook-sp" href="http://www.facebook.com/MahakankalaBuddhistCenter/"></a> 
    <a class="eBooklead-sp" href="http://www.emodernbuddhism.com/"></a> 
</div>

我的精靈CSS是

a.calendar-sp, 
a.eBooklead-sp, 
a.twitter-sp, 
a.facebook-sp 
{ 
    display: inline-block; 
     background-repeat: no-repeat; 
     background-image:url ('http://www.tara.meditationinsantabarbara.org/wp-content/uploads/2012/11/SocialSpriteSheet5.png'); 
} 

a.calendar-sp 
{ 
     width: 184px; 
    height: 175px; 
} 

a.eBooklead-sp 
{ 
    background-position: -184px 0; 
    width: 213px; 
    height: 175px; 
} 

a.twitter-sp { 
    background-position: -397px 0; 
    width: 128px; 
    height: 128px; 
    } 

a.facebook-sp 
{ 
    background-position: -525px 0; 
    width: 128px; 
    height: 128px; 
}

任何建議或想法，將不勝感激。

此外，我的精靈圖像偶爾消失！

來源

2012-11-16 user1828463

在這裏工作很好，除了url和（）之間的空格 – Neps

http://jsfiddle.net/j08691/5Tnar/ – j08691

您需要設置div的寬度以允許所有按鈕彼此相鄰，我還會添加一個float：left或float：right讓瀏覽器知道您想讓小精靈找到它們自己那時尚

來源

2012-11-16 03:32:14

意外出現在精靈上的換行符

回答

相關問題