在CSS中，我們可以使用flex布局將頁面元素在一行中排列，F(xiàn)lex布局是CSS3中的一種布局方式，它提供了更加靈活和強大的布局能力，可以輕松地實現(xiàn)元素在一行中的排列，并且還可以實現(xiàn)元素的垂直居中、等距分布等效果。

要將頁面布局放在一行，我們可以將元素的display屬性設(shè)置為flex，并且設(shè)置flex-direction屬性為row，這樣就可以將元素在一行中排列，我們還可以使用justify-content屬性來調(diào)整元素在一行中的位置關(guān)系，例如實現(xiàn)元素的等距分布。

以下是一個示例代碼，展示如何將頁面布局放在一行：

.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.item {
  width: 200px;
  height: 100px;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: 100px;
}

在上面的代碼中，我們定義了一個名為.container的容器，并將display屬性設(shè)置為flex，flex-direction屬性設(shè)置為row，justify-content屬性設(shè)置為space-between，這樣就可以將.item元素在一行中排列，并且實現(xiàn)等距分布的效果，我們定義了.item元素的大小、背景顏色、文字顏色等樣式。

通過上面的代碼，我們就可以實現(xiàn)頁面布局在一行中的排列，并且還可以實現(xiàn)元素的垂直居中、等距分布等效果，這種布局方式在Web開發(fā)中非常常見，可以大大提高頁面的布局效率和靈活性。