将Flex项目作为唯一子项时居中

我有一个可以包含一个或多个元素的flex容器.

如果有多个元素,我想使用空格来证明内容的合理性

justify-content: space-between;

如果只有一个元素,我希望它居中.

示例代码

这只能使用CSS吗？

这就是答案

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

    & > *:only-child {
        margin: auto;
    }
}