Css flexbox中居中的元素赢得'；不要拉伸到最大宽度

我怎样才能让一个元素在弹性盒中居中，伸展到它的

最大宽度

在中，我希望红色的盒子可以伸展到400px

---

我怎样才能做到这一点呢？

为了让它发挥作用，我在

maw width:400px

的顶部添加了

宽度：100%

，只需使用flex即可

.my-box {
 background: red;
 height: 100px;
 flex: 0 400px;
}

及

---

使用宽度：400px；而不是在问题本身中发布代码。如果链接引用中断，此问题将变得无用。

flex-direction: row;