无法使flexbox容器水平扩展以匹配内容

Question

下面的flex布局可以正常工作 ，内容容器（蓝色）的大小由其包裹前的列项确定。

我希望蓝色容器向右扩展以适合内容（例如，在包裹后 的水平尺寸）

任何提示将不胜感激。

Answer 1

更多研究表明，这是一个众所周知的，长期存在的错误，但仅针对列方向而不是针对行方向。

因此解决方案是切换到“倒置”日期。用CSS writing-mode:'vertical-lr'将列变成一行，然后指定flex-direction:'row进行匹配，就可以了！

...但是所有直属孩子都需要重置其书写模式：writing-mode:horizontal-tb