Css 从“设置flexbox动画”；“自动”；

我正在尝试将flexbox从“自动”状态（其中大多数对象自动调整大小）设置为一个对象自动调整大小的状态

|auto|this fills most space          |auto|

to

|auto|this...|auto                        |

演示：

当你悬停的时候，你会看到我想要什么。如果删除CSS中的注释：

li
  // flex 1

你会看到它现在是动画，但大小不是我想要的

问题是，我不知道如何在

flex

属性存在的情况下获得第一个状态，也不知道没有它如何获得第二个状态。因此，我无法在两者之间设置动画。

速记上的文档是

弹性|无|[？| |]

其中：

弹性基础|内容|和初始值：自动

flex基础是否可设置动画

可设置动画：作为宽度

因此，此属性仅在“规格”中作为宽度设置动画

“自动”与其内容相同。此属性不可设置动画

---

我不知道有什么东西可以让你在CSS中通过

auto

…

flexbox

或从你的代码笔中看到你自己解决了他的问题。代码笔具有自动保存功能，因此它们通常不适合在stackoverflow上使用。@Persijn--嗯，我解决了这个问题。如果我手动指定宽度，就可以了。不过，我不想指定宽度。那太糟糕了。但谢谢你这样解释：）