使用CSS圖標(biāo)可以為網(wǎng)站增添一些額外的風(fēng)格和美感，并且可以起到很好的頁面布局效果。本文將介紹如何使用CSS圖標(biāo)在頁面中央進(jìn)行居中的設(shè)置。
首先，在HTML頁面中添加需要居中的CSS圖標(biāo)。在這個例子中，我們將使用一個來自Bonus Icons的星星圖標(biāo)：
<link rel="stylesheet" > <i class="bif-star"></i>接下來，我們需要創(chuàng)建一個CSS類來定義文字和圖標(biāo)的居中。我們可以使用Flexbox布局，并將主軸和側(cè)軸都設(shè)置為居中：
<style>
.centered {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
</style>在這個例子中，我們將高度設(shè)置為100vh，以便使圖標(biāo)在整個視口內(nèi)進(jìn)行居中。根據(jù)需要，您可以根據(jù)自己的需求進(jìn)行調(diào)整。
最后，在HTML頁面中將CSS類應(yīng)用于包含著要居中的圖標(biāo)的元素（在這個例子中是元素）：<body> <div class="centered"> <i class="bif-star"></i> </div> </body>現(xiàn)在，您的CSS圖標(biāo)應(yīng)在頁面中央進(jìn)行居中！ 綜上所述，使用CSS圖標(biāo)并將其在頁面中央進(jìn)行居中可以起到很好的頁面布局效果。通過創(chuàng)建一個CSS類來定義圖標(biāo)和文字的中心，并將其應(yīng)用于HTML元素，您可以快速輕松地實現(xiàn)這種效果。