在CSS中，我們可以使用多種方法將元素布局成三行，以下是一些常見的布局方法：

1、使用Flexbox：Flexbox是一個強大的布局工具，可以輕松地創(chuàng)建靈活的響應(yīng)式布局，我們可以使用flex-direction: row;來將元素水平排列，并使用align-items: flex-start;來確保元素從頂部開始排列。

.container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

2、使用Grid：CSS Grid是一個更復(fù)雜的布局系統(tǒng)，允許你創(chuàng)建復(fù)雜的二維布局，你可以使用grid-template-columns: repeat(3, 1fr);來創(chuàng)建一個三列的網(wǎng)格，并使用grid-auto-rows: 1fr;來確保每行的高度相同。

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
}

3、使用HTML和CSS的float屬性：通過float屬性，我們可以將元素浮動到容器的左側(cè)或右側(cè)，從而實現(xiàn)多行布局，這種方法需要手動計算每個元素的位置和大小。

.container {
  float: left;
  width: 33.33%; /* 確保每個元素占據(jù)容器寬度的1/3 */
}

這些方法只是其中的一部分，并且每種方法都有其優(yōu)缺點，選擇哪種方法取決于你的具體需求和偏好，這些方法也可以結(jié)合使用，以實現(xiàn)更復(fù)雜的布局需求。