Css 如何在一行中居中放置flexbox项目？

我收到的flexbox中显示的项目数量未知，每行最多3个。只要一行中有3个项目，此代码就会将其居中，但如果少于3个，则会将其保持为有3个项目，但与其他项目的位置有一个间隙。例如，如果有11个项目，它将渲染四行，在第四行的“第三个点”有一个间隙。我希望最后一行的两个项目居中

这就是我目前拥有的：

.Container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.item {
    flex-basis: 33%;
    display: flex;
    justify-content: center;
}

---

我是否遗漏了一些明显的内容，或者flexbox无法做到这一点？

您应该了解主轴和横轴，这里您希望将它们置于主轴的中心，因此需要使用“对齐内容：容器本身上的中心”

试试这个代码

.Container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}

请在本页上阅读更多信息。

---

您应该了解主轴和横轴，这里您希望将它们置于主轴的中心，因此需要使用“对齐内容：容器本身的中心”

试试这个代码

.Container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}

请在本页上阅读更多信息。

---

尝试将内容：中心添加到.Container

---

另外，这里有一个很好的例子

尝试将justify content:center添加到.Container

---

另外，这里有一个很好的例子

也可以用html代码编辑您的问题。也可以用html代码编辑您的问题。