以下是我期望的行为:

1. 具有某种“外部指定”宽度（在本例中，但不限于此情况）。
2. 应具有显示其内容的最小宽度。预计将水平扩展并最多占用其“容器”的空间。
3. 预计会扩展并占用它的“容器”空间，而则考虑其子节点的最大宽度。在本例中，我希望它扩展到它的。然后，与。
的中心对齐

图1：当为窄值时，只需填充。

图2：当变得更宽时，膨胀直到它的孩子停止膨胀，然后到达中心。这张图片是由（我不知道如何用HTML/CSS实现）制作的。

然而，我在尝试实现第三项时遇到了麻烦。我试了很多组合，又找了一遍。但对于每一次吸收，要么根本不膨胀，要么膨胀并吃掉。是否可以用HTML和CSS（如果真的需要，还可以用JavaScript）来实现这一点？如果是这样，怎么做？

顺晟科技：

我能得到的最接近的信息是https://jsfiddle.net/ne9phs5y/.

and的行为与预期一致，但不幸的是，它填满了整个，这可能是问题，也可能不是问题。最重要的部分是将flex-basis设置为500px.