css - css - 如何根据文本宽度而不是弹性容器宽度来制作弹性项目宽度

Question

蓝色区域是 flex-container，而红色区域是 flex-item。

但是我希望 flex-item 的大小基于它的内容宽度，而不是像下面紫色区域那样的容器宽度：

CodeSandbox
https://codesandbox.io/s/silly-aryabhata-5fgsh?file=/src/App.js

标签： cssflexbox