Html justify self css属性不会产生所需的效果

justify self

不工作。为什么?

html

我希望第一个元素向左对齐，因为它有class

a

，class

a

指定了

justify self:start

，但这并没有发生。为什么?

---

正如我在评论中得知的，flexbox不支持

justify self

属性。那么，如何使用例如网格将两个子对象放置在父对象的中间，将一个子对象粘贴到父对象的左侧呢？

您不需要网格来进行此操作。
Flexbox用于一维布局，网格用于二维布局

---

您可以通过多种方式来实现这一点。Michael_B在这个类似的问题中很好地解释了这一点

在flexbox布局中，此属性被忽略，这仅适用于网格@杰拉德，谢谢你。我将改变我的问题。这更适合作为一个评论，而不是一个提问者。。基本上，你只是简单地链接到另一个问题

<div class="container">
  <div class="a">

  </div>
  <div class="b">

  </div>
  <div class="b">

  </div>

</div>

.container {
  display: flex;
  justify-content: center;
  background: yellow;
}

.container * {
  width: 10px;
  height: 10px;
  background: green;
  border: 2px solid red;
}

.a {
  justify-self: start;
}