在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，常常會(huì)需要使用一些圖標(biāo)和文字，如何讓它們居中對(duì)齊呢？這里介紹兩種方式。 第一種是使用CSS圖標(biāo)。為了使圖標(biāo)和文字居中，我們可以設(shè)置它們的父元素為一個(gè)Flex容器，然后使用Flex布局來(lái)使它們水平和垂直居中。下面是部分代碼：

.parent{
display: flex;
align-items: center;
justify-content: center;
}
.icon{
font-size: 24px;
margin-right: 10px;
}
.text{
font-size: 16px;
}

在HTML中使用時(shí)，只需要將icon和text的class分別添加到對(duì)應(yīng)的元素上即可：

<div class="parent">
<i class="icon"></i>
<span class="text">這是一段文本</span>
</div>

第二種是使用純文字的居中。對(duì)于單行文本，我們可以將text-align屬性設(shè)置為center，使其水平居中。對(duì)于多行文本，我們可以使用line-height和height屬性，并將它們?cè)O(shè)置為相同的值，這樣就可以使文字垂直居中。下面是部分代碼：

.parent{
text-align: center;
line-height: 40px;
height: 40px;
}

同樣，在HTML中使用時(shí)，只需要將要居中的文本放在parent元素中即可：

<div class="parent">這是一段文本</div>

通過(guò)以上兩種方式，我們可以讓圖標(biāo)和文字在網(wǎng)頁(yè)中居中對(duì)齊，使頁(yè)面更加美觀和舒適。