如何在CSS中使用flex创建2列布局？

在CSS中使用flex创建2列布局可以通过以下步骤实现：

1. 创建一个包含两个子元素的父容器，可以是一个div元素，给它一个类名或者ID作为选择器。
2. 在父容器的CSS样式中，设置display属性为flex，这样父容器就成为了一个flex容器。
3. 设置flex容器的flex-direction属性为row，表示子元素在水平方向上排列。
4. 设置flex容器的justify-content属性为flex-start，表示子元素在主轴上从左到右排列。
5. 设置flex容器的align-items属性为stretch，表示子元素在交叉轴上拉伸填充整个容器的高度。
6. 给第一个子元素设置一个固定的宽度，可以使用width属性来设置。
7. 给第二个子元素设置flex属性为1，表示它会占据剩余的空间。

以下是一个示例的CSS代码：

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

.item1 {
  width: 200px;
}

.item2 {
  flex: 1;
}

这样就实现了一个简单的2列布局。你可以根据实际需求调整父容器和子元素的样式，例如设置间距、对齐方式等。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云CSS文档