为什么flex end对列表中的最后一项不起作用?

像我之前的许多人一样,我想把flex box中的最后一个孩子移到flex box的末尾。

我已经找到了 answer 回答我的问题。解决方案使用 margin: auto :

.container {
   width: 100%;
   display: flex;
   justify-content: flex-start;
}

.last-child {
  // justify-self: flex-end; why does this not work?
  margin-left: auto;
} 

但我想知道为什么 justify-self 不是那样工作的吗? Margin: auto 对我来说就像是一个黑客。没有灵活的方法来解决这个问题吗?做 不是像这样工作 justify-content 而是 justify-item 在容器层面上?

谢谢你的支持!