CSS中的精靈元素居中是網頁設計中很重要的一部分。當我們需要將多個小圖標拼成一個大的圖標時，就會用到精靈元素。而如何讓它們居中呢？本文將介紹兩種方法。

首先，我們需要知道精靈元素是由多個小圖標組成的大圖標。CSS中通過background-position屬性來定位背景圖像的起始位置，以達到顯示相應的小圖標。而當我們需要將其居中時，我們需要參考的是大圖標的寬高。

.icon {
background-image: url('sprite.png');
width:寬度;
height:高度;
background-position:偏移量;
}

第一種方法是使用文本居中來實現。我們可以將精靈元素放在一個塊級元素中（如div），然后用text-align:center來實現外部居中。

第二種方法是使用絕對定位來實現。我們可以將精靈元素的left和top屬性都設為50%，然后利用margin負值調整其位置，使其居中。

.icon {
position: absolute;
left: 50%;
top: 50%;
margin-left: -寬度/2;
margin-top: -高度/2;
}

我們可以根據實際情況選擇合適的方法進行使用。