在網頁設計中，將div元素顯示在一行是非常常見的需求。下面我們來講解如何使用CSS實現這個功能。

上面的代碼中，首先我們需要一個父容器包含需要顯示在同一行的多個子元素。我們可以將這個父容器設置為flex布局，這樣子元素將按照我們的布局要求排列。我們可以使用justify-content屬性來指定子元素之間的間距，這里我們選擇了space-between平均分配空間。同時，我們還需要使用align-items屬性來指定子元素在垂直方向上的對齊方式，這里我們選擇了居中對齊。

接下來，我們還需要對子元素進行一些基本樣式的設置。在這個例子中，我們設置了子元素的寬高以及背景顏色。

最終的效果是，多個div元素將會按照我們設置的樣式排列在同一行中，且之間等距分布，垂直居中對齊。