CSS中，可以使用flex布局將多個div元素合成一行，具體步驟如下：

1、創(chuàng)建一個包含多個div元素的容器。

2、給容器添加CSS樣式，設置其為flex布局。

.container {
  display: flex;
}

3、將容器中的每個div元素設置為flex項。

.container div {
  flex: 1;
}

這樣，每個div元素都會占用相同的空間，并排列在一行中，如果容器寬度有限，那么div元素會自動縮放以適應容器寬度。

還可以使用CSS的grid布局將多個div元素合成一行，具體步驟如下：

1、創(chuàng)建一個包含多個div元素的容器。

2、給容器添加CSS樣式，設置其為grid布局。

.container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

3、將容器中的每個div元素設置為grid項。

.container div {
  grid-column: 1 / span 1;
}

這樣，每個div元素都會占用相同的空間，并排列在一行中，如果容器寬度有限，那么div元素會自動縮放以適應容器寬度，還可以根據需要設置grid-template-columns屬性來調整每個div元素的寬度和間距。