フレックスコンテナの幅を子供の幅に縮小する方法を教えてください。

私は最終的には中央揃えのグリッドを作成しようとしていますが、アイテムは左揃えで上揃えになっています。ここでフレックスコンテナの幅を子供の幅に縮小する方法を教えてください。

私はtext-align: centerかdisplay: flex; justify-content: center;のいずれかで、1つの親コンテナを作成し、スタイルdisplay: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap;で子コンテナを追加し、固定幅の子アイテムの束を追加する結果となると考えました私が探していたもので

しかし、アイテムのリストを扱うflexコンテナは、行のうち最も長い幅の自動幅を取るのではなく、むしろ可能な最大幅に拡大するように見えます幅をラップする前に100％+++++

解決方法はありますか？

同じ問題を示すこの回答によるものがないように見えます： Centered Grid - Inner Grid align left - NO Javascript - NO Medias Queries

出典

2017-12-22 J Doe

この質問をチェックhttps://stackoverflow.com/questions/47479571/how-to-center-block-of-inline-blocks私たちは、多分あなたは、私はいくつかのアイデアに –

フレキシボックスで作業しているときにビットメイン軸と交差軸と混同しているようです。

flex-direction: rowとjustify-content: centerを中心にをの100％幅（デフォルト）を取ることなく使用します。 100％の幅（デフォルト）を取ることなく水平にを中央に

使用flex-direction: columnとalign-items: center。

http://jsfiddle.net/Ae8Wv/1307/

出典

2017-12-22 04:57:39 varun

を取得します、そこに同様の問題に直面していますすみませんでしたが、オレンジ色の四角形の内側にある紫色のグリッドの両端に均等な幅を実現しようとしています。オレンジ色の四角形は各行の最初と最後の四角形の長さが等しくなります。時間の無駄だと申し訳ありません –

http://jsfiddle.net/Ae8Wv/1310/ これを一度チェックしてください – varun

フレックスコンテナの幅を子供の幅に縮小する方法を教えてください。

答えて

関連する問題