CSS i標簽是在頁面中常用的圖標字體，如Font Awesome、Glyphicons等。在使用CSS i標簽時，經常遇到圖片居中的需求。下面是如何使用CSS i標簽來實現圖片居中的方法。

上面的代碼是一個Font Awesome中的相機圖標，使用了三個屬性實現圖片居中：

• display: inline-block;
• text-align: center;
• vertical-align: middle;

首先，我們需要將CSS i標簽轉換成行內塊元素，以便能夠設置寬度和高度。我們使用display屬性來實現這個目的。

其次，我們需要將圖片水平居中。這可以通過設置父元素的text-align屬性來實現。在這種情況下，我們將它設置為center。

最后，我們需要將圖片垂直居中。這可以通過vertical-align屬性來實現。在這種情況下，我們將它設置為middle。

總之，使用CSS i標簽實現圖片居中非常簡單。只需要使用display、text-align和vertical-align這些屬性即可。