CSS中，可以使用flex布局將div元素橫向排列，F(xiàn)lex布局是一種強大的布局工具，可以輕松地實現(xiàn)元素的橫向排列、縱向排列以及更復雜的布局需求。

在將div元素橫向排列時，需要設置以下樣式：

1、將父元素設置為flex容器，使用display: flex;屬性。

2、將子元素設置為flex項，使用flex: 1;屬性，表示所有子元素在容器中平均分配空間。

3、設置子元素的排列方式，使用justify-content: flex-start;屬性，表示子元素從容器左側開始橫向排列。

以下是一個示例代碼：

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
  <div class="item">7</div>
  <div class="item">8</div>
  <div class="item">9</div>
  <div class="item">10</div>
</div>

.container {
  display: flex;
  justify-content: flex-start;
}
.item {
  flex: 1;
}

在這個示例中，我們創(chuàng)建了一個包含10個元素的容器，并將它們橫向排列，每個元素在容器中平均分配空間，并且從左側開始排列，您可以根據需要調整元素的數量和樣式，以實現(xiàn)不同的布局效果。