如果想使HTML頁面中的圖標居中，需要寫些CSS樣式代碼。下面是一些HTML代碼和CSS樣式代碼示例：
<div class="icon-container">
<i class="fa fa-heart"></i>
</div>
.icon-container {
display: flex;
justify-content: center;
align-items: center;
}代碼示例中，我們把一個圖標包含在一個div容器中，并通過CSS樣式代碼將圖標居中。我們使用了display屬性來設置flex布局，justify-content屬性來水平居中，align-items屬性來垂直居中。
<div class="icon-container2">
<i class="fa fa-heart"></i>
</div>
.icon-container2 {
text-align: center;
}
.icon-container2 i {
display: inline-block;
}另一種方法是將圖標所在的
容器的text-align屬性值設置為center，同時將圖標的display屬性值設置為inline-block。這樣做可以讓圖標在容器中水平居中。
以上是兩種簡單實用的HTML圖標居中的樣式代碼示例。
上一篇css 字體上下跳動
下一篇jar和json放在哪里