CSS中，我們可以使用flex布局來將圖標(biāo)橫向排列整齊，我們需要創(chuàng)建一個(gè)包含所有圖標(biāo)的容器，然后在這個(gè)容器上應(yīng)用flex布局，我們可以使用flex的justify-content屬性來將圖標(biāo)之間的間隔均勻分布，從而實(shí)現(xiàn)橫向排列的效果。

下面是一個(gè)具體的示例代碼：

HTML部分：

<div class="icon-container">
  <i class="icon1"></i>
  <i class="icon2"></i>
  <i class="icon3"></i>
  <i class="icon4"></i>
  <i class="icon5"></i>
</div>

CSS部分：

.icon-container {
  display: flex;
  justify-content: space-between;
}
.icon1, .icon2, .icon3, .icon4, .icon5 {
  width: 20px;
  height: 20px;
  background-size: 100%;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為icon-container的容器，并將所有圖標(biāo)放入其中，我們應(yīng)用flex布局并將justify-content屬性設(shè)置為space-between，這樣圖標(biāo)之間的間隔就會均勻分布，我們?yōu)閳D標(biāo)設(shè)置寬度、高度和背景大小，以確保它們在容器中正確顯示。

這只是一個(gè)簡單的示例，實(shí)際使用時(shí)可能需要根據(jù)具體需求進(jìn)行調(diào)整，使用flex布局來實(shí)現(xiàn)圖標(biāo)橫向排列整齊是一種簡單而有效的方法。