質問: flexボックスレイアウトのコンテナにimgタグの要素を複数並べた場合に、コンテナに収まるように横並びで表示したいです。 単純にimg要素を並べると、合計サイズがコンテナ以上の場合、コンテナをはみでてしまいます。以下のようなコードです。 CSS .container { display : flex; } .container > img { flex : 1 1 auto; } HTML imgをdivタグつけたり、リストなどにすればいけそうではあるのですが、imgタグを並べるだけでやる方法があるか教えていただきたいです。 よろしくおねがいいたします。
回答: 対処療法ですが、`width`に要素の大きさ以下の値を指定すると収まるようです。 ``` .container > img { flex : 1 1 auto; width: 0%; } ``` **動くサンプル:**