Flexboxのラッピングとフレックス・グロースの問題：自動

Question

私は自分自身に遭遇したパズルに苦しんでいます。私は幅を最適に満たすために、複数行にすることができるタブを持っています。どのフレックスのために：自動車は素晴らしい。しかし、関連性のない変わらない状況では、私はフレックスラップ付きのコンテナを持っています：ラップとタブの上の全幅をカバーする単一のアイテム。自動とフレックスラップ：Flexで

もはやフレックスアイテムをラップは、その内容のテキストをラップすることによって幅に収まるようにしてみてください - それらはすべて1行でそれを持っているし、彼らは適合しない場合はラップ

。

私はそれを説明するためにバイオリンを作りました。それは今しばらくのラッパーなしでこれを行うことも可能です場合 https://jsfiddle.net/d67mgqvm/

<div class="flexbox"> 
    <div class="flexitem full"> 
    This is a desired behavior but it has to use a wrapper to prevent wrapping 
    </div> 
    <div class="wrapper"> 
    <div class="flexitem"> 
     Content can be different so I have to use flex: auto so it has more space for longer texts 
    </div> 
    <div class="flexitem"> 
     Like I said, it can be short like this one 
    </div> 
    </div> 
</div> 

<div class="flexbox"> 
    <div class="flexitem full"> 
    This doesn't work, even though it can fit in all the content if it wraps text inside items 
    </div> 
    <div class="flexitem"> 
    Content can be different so I have to use flex: auto so it has more space for longer texts 
    </div> 
    <div class="flexitem"> 
    Like I said, it can be short like this one 
    </div> 
</div> 

私が考えてきました。フレックスベースのように見える：最小限のコンテンツはFFのようなものでなければならないが、FFでしか動作しない。

Answer 1

フレックスベースのように見える：min-contentは私が探しているものだが、残念なことにそれはないFirefox以外のどこにでも実装されています。