flex布局两行垂直两端对齐

要实现Flex布局中两行垂直两端对齐的效果，可以使用以下步骤：

1. 创建一个父容器，设置其为Flex容器，并使用flex-direction属性将其设置为纵向排列。例如：`flex-direction: column;`

2. 设置父容器的高度，以适应内容的垂直排列。例如：`height: 100%;`

3. 将子元素放置在父容器中，设置子元素的flex属性为1，以使其自动填充剩余空间。例如：`flex: 1;`

4. 使用align-items属性设置子元素在纵向方向上的对齐方式。要实现两端对齐效果，可以设置为`align-items: space-between;`

下面是一个示例的HTML和CSS代码，演示了如何实现两行垂直两端对齐的Flex布局：

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
</div>

.container {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: space-between;
}

.item {
  flex: 1;
}

通过以上代码，你可以实现两行垂直两端对齐的Flex布局效果。