flex布局一排2个

要使用flex布局将两个元素放在一排，可以按照以下步骤进行：

1. 在父容器上应用flex布局。可以通过设置父容器的`display`属性为`flex`来实现，例如：`display: flex;`。

2. 设置子元素的宽度。默认情况下，子元素会自动占据父容器的全部宽度，但是如果你想要将两个元素并排显示，可以设置子元素的宽度为50%（或其他适当的数值），例如： `width: 50%;`。

3. 可选：设置子元素的对齐方式。默认情况下，子元素会在主轴上水平排列。如果你想要对齐方式不同，可以使用`justify-content`属性来设置对齐方式。例如，如果你想要居中对齐子元素，可以使用`justify-content: center;`。

下面是一个示例代码：

<style>
    .container {
        display: flex;
        justify-content: center; /* 可选 */
    }

    .child {
        width: 50%;
    }
</style>

<div class="container">
    <div class="child">子元素1</div>
    <div class="child">子元素2</div>
</div>

上述代码会将两个子元素并排显示，并且在父容器中居中对齐。你可以根据实际需求调整代码。