右から左)の時は逆向きに配置されます。垂直方向の揃え親要素に空きスペースがあった場合、子要素を垂直方向のどの位置に配置するかを指定します。親要素の開始位置から配置。親要素の終点から配置。複数行にした時の揃え子要素が複数行に渡った場合の垂直方向の揃えを指定します。親要素の開始位置から配置。親要素の終点から配置。指定された要素の中にある子要素(Flexアイテム)に指定するプロパティーです。指定されていないと動作しないので注意しましょう。プロパティーを使えば任意の順で並べ替えられます。マイナス値を含む数値のみ指定できます。親要素に余ったスペースがあった場合、指定のある子要素が他の子要素に対してどれくらい伸びるかを指定します。数値のみ指定できます。マイナス値は無効です。逆で、親要素に余ったスペースがなくすべての子要素が入り切らない場合、指定のある子要素が他の子要素に対してどれくらい縮むかを指定します。数値のみ指定できます。マイナス値は無効です。同じように幅の値を指定できます。指定した場合は子要素のコンテンツのサイズが適応されます。幅や高さの指定と同様、パーセンテージやピクセル値で指定できます。3つのプロパティーを一行で指定できます。子要素の垂直方向の揃え親要素に空きスペースがあった場合、子要素を垂直方向のどの位置に配置するかを指定します。同じ機能ですが、こちらは子要素に対して指定します。親要素の開始位置から配置。親要素の終点から配置。チートシートPDFのダウンロードPDFファイルは個人利用のみOK、再配布不可。ダウンロードするにはWebクリエイターボックスの無料ニュースレターへのご登録が必要です。ダウンロード)まだご登録がお済みでない方はこちらのフォームからご登録ください。human:プライバシーポリシーに基づき、スパムメールを送信したり、メールアドレスを第三者に譲渡・売買などは一切いたしません。Webクリエイターボックスのニュースレターは、どのタイミングであっても配信停止ができます。配信停止を希望する方は、ニュースレターのフッターにある「配信停止」リンクをクリックしてください。pm「ブロック全体はページ内で左右中央揃えし、ブロック内の複数画像は左寄せする。flex-start;を組み合わせて試してみましたが、うまくいきません。JavaScriptを使っての実現方法は以下のブログに載せています。amうーん、いろいろ試してみましたが、やはり左揃えとなるとJS使わないと難しそうですね...。使ったものに行き着く気がします。pmいろいろと試していただき、ありがとうございます。普通に需要がありそうなレイアウトだと思うのですが、残念です。重ねてありがとうございました。amこのようなことでしょうか。amカラム数限定ではなく、任意の要素数でかつ、PCでウインドウサイズをリサイズしても、追随する事が条件です。JavaScriptを使ったサンプルページは以下です。pm横から失礼します。am横幅固定でなく、PCでウインドウサイズをリサイズしても、追随する事が条件です。基本的に横幅はウインドウサイズからはみ出しません。ウインドウをリサイズしたら、それに合わせて横のカラム数は4カラム、3カラム、2カラムと自動的に変化します。その状況において、コンテナ全体としては中央揃え、中の要素が横のカラム数の整数倍でなければ、コンテナの中の一番下の要素は左揃えということです。下のサンプルと同様にレスポンシブにレイアウトが変化することが条件です。Queriesで考えられるcontainerの横幅のパターン分だけ記述すれば、リサイズに合わせて動的に変化させられると思うのですが・・・。pm和草イデハナさん、ありがとうございます。教えていただいた方法で実現できることが分かりました。以下がそのサンプルです。http://home2nd.html.xdomain.jp/thumbnail-sample-media-queries.htmlブログにも記事として書かせて頂きました。http://2ndart.hatenablog.com/entry/2017/04/11/193206重ねてありがとうございました。画像が間違ってると思います。pmどう違いますか?ニュースレターWeb制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。中の人ってこんな人Webデザイナー+WebデベロッパーのManaです。日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。カナダやオーストラリア、イギリスの企業でWebデザイナーとして働きました。詳しく知りたいという方は詳細ページへ。@chibimanaでつぶやいてます。Webクリエイターボックス。