flex布局中让左边一个元素靠左其他靠右

在Flex布局中，可以使用justify-content属性来控制元素在主轴上的对齐方式。要让左边一个元素靠左，其他元素靠右，可以将容器的justify-content属性设置为space-between，然后将左边的元素放在容器的第一个位置，其他元素放在容器的最后位置。

HTML代码：

<div class="container">
  <div class="left">左边元素</div>
  <div class="right">右边元素</div>
</div>

CSS代码：

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

.left {
  align-self: flex-start;
}

.right {
  align-self: flex-end;
}

在上面的例子中，.container是Flex容器，.left是左边的元素，.right是右边的元素。通过设置.container的justify-content属性为space-between，可以让左边的元素靠左，右边的元素靠右。使用align-self属性可以控制每个元素在交叉轴上的对齐方式，这里使用flex-start和flex-end来使左边的元素靠左，右边的元素靠右。