CSS中，我們可以使用flex布局來將圖標(biāo)橫排排列，我們需要?jiǎng)?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è)置寬度、高度和背景大小，以確保它們?cè)谌萜髦姓_顯示。