css - 如何将 flex 容器设置为其 flex 元素的宽度？

Question

我有一个带有 justify-content: flex-start 的 flex 容器。由于 flex 元素占用的空间小于容器的大小，最终会在右侧溢出。

除了在 flex-container 上设置显式宽度之外，是否有一种方法可以使用 width: auto 的等价物来消除溢出？

Answer 1

如果您的意思是您希望容器是元素的宽度，而不是扩展到容器宽度的元素...

您可以通过将 display:flex 更改为 display:inline-flex

来实现