CSS中，我們可以使用flex布局或者grid布局來(lái)使列變成水平。

flex布局是一種靈活的布局方式，可以輕松地使列變成水平，我們只需要將flex容器的方向設(shè)置為row，就可以使子元素在水平方向上排列。

.container {
  display: flex;
  flex-direction: row;
}

在這個(gè)例子中，所有的子元素都將水平排列，我們可以使用justify-content屬性來(lái)對(duì)齊它們，

.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

在這個(gè)例子中，子元素將在水平方向上排列，并且每個(gè)元素之間的間隔將相等。

grid布局是另一種使列變成水平的方法，我們可以使用grid-template-columns屬性來(lái)定義每列的寬度和位置。

.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

在這個(gè)例子中，我們將容器分成了三列，每列的寬度相等，我們可以使用justify-content屬性來(lái)對(duì)齊它們，

.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
}

在這個(gè)例子中，我們將容器分成了三列，并且每個(gè)列之間的間隔將相等，這種方法適用于需要更多控制和靈活性的布局。