flex布局下两端对齐，不满左对齐

要实现flex布局下两端对齐，不满左对齐，有以下两种常见的方法：

方法一：使用Flex布局属性和伸缩元素

1. 设置容器的display:flex属性，使其变为一个Flex容器；
2. 将容器内部所有元素都设置为伸缩元素，即添加相应的flex属性，使它们能够根据容器大小自动调整宽度；
3. 使用justify-content: space-between将元素分配到两端；
4. 将需要向左对齐的元素使用text-align:left进行左对齐。

示例代码如下：

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

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

.item-1 {
  flex: 0 0 auto;
  text-align: left;
}

.item-2 {
  flex: 1 1 auto;
}

.item-3 {
  flex: 0 0 auto;
}

上述代码中，容器内部所有元素都设置为伸缩元素，其中第二个元素（Item 2）的flex属性的第二个值设置为1，表示它可以根据容器大小自动调整宽度。然后使用justify-content: space-between将元素分配到两端，第一个元素使用text-align:left进行左对齐。

方法二：使用Margin负值

1. 设置容器的display:flex属性，使其变为一个Flex容器；
2. 将容器内部所有元素都设置为普通块级元素；
3. 子元素同时具有margin-left: auto和margin-right: 0样式规则；
4. 需要向左对齐的元素使用text-align:left进行左对齐。

示例代码如下：

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

.container {
  display: flex;
}

.item-1 {
  margin-right: auto;
  text-align: left;
}

.item-2 {
  margin-left: auto;
  margin-right: 0;
}

.item-3 {
  margin-left: auto;
}

上述代码中，容器内部所有元素都设置为普通块级元素。然后使用子元素同时具有margin-left: auto和margin-right: 0样式规则使元素分配到两端，第一个元素使用text-align:left进行左对齐。

以上两种方法均可以实现Flex布局下两端对齐，不满左对齐的效果。具体选择哪一种方法取决于实际应用场景和个人习惯。