在網頁設計中，圖標是不可或缺的元素之一。然而，有時候我們會發現圖標在頁面中的位置不太合適，無法居中對齊。在這種情況下，我們可以運用 CSS 技巧來讓圖標居中對齊。

首先，我們需要在 HTML 中添加一個帶有 class 的元素，并將圖標作為該元素的背景圖片：

<div class="icon"></div>
.icon {
width: 50px;
height: 50px;
background-image: url("icon.png");
}

接下來，我們可以使用以下 CSS 屬性來讓圖標居中：

.icon {
position: relative;
}
.icon:before {
content: "";
display: block;
height: 100%;
vertical-align: middle;
}
.icon img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

這里我們使用了絕對定位的方法，將圖標的 top 屬性設置為 50%，再用 translate 屬性向上移動一半的高度，即可使圖標垂直居中。

以上就是圖標居中的 CSS 實現方法。需要注意的是，我們需要確保圖標的尺寸和容器尺寸一致，同時也要考慮到不同瀏覽器的兼容性問題。