在網頁設計中，圖標是重要的元素之一。為了讓頁面看起來更加美觀，我們通常會使用 CSS 來居中圖標。下面是一些 CSS 圖標居中的代碼示例。 首先，我們可以使用 Flexbox 布局來居中圖標。代碼如下： `````` 在這個示例中，我們在父容器中使用 Flexbox 布局來居中子元素。其中 align-items 屬性用于垂直居中，justify-content 屬性用于水平居中。 另一種方法是使用絕對定位來居中圖標。代碼如下： `````` 在這個示例中，我們將父容器設置為相對定位，子元素設置為絕對定位。通過將子元素的 top 和 left 屬性設置為 50%，再將 transform 屬性設置為 translate(-50%, -50%)，就可以讓圖標垂直和水平居中。 最后，我們可以使用 text-align 屬性來居中圖標。代碼如下： `````` 在這個示例中，我們將父容器的 text-align 屬性設置為 center，再將子元素設置為 inline-block，就可以讓圖標水平居中。 總結來說，居中圖標有多種方法，包括使用 Flexbox 布局、絕對定位和 text-align 屬性等。選擇哪種方法取決于具體情況和個人偏好。以上是本文對 CSS 圖標居中代碼的介紹，希望能夠對你有所幫助。