webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

WEB制作会社のフォトグラファー

justify-content:

  • やりたいことは、
  1. flexBoxの幅を指定しないで、
  2. flex-wrap: wrap;にして、
  3. ボディーのセンターに配置する。
  4. ボディー幅を変えても、画像がボディーの中央にいる。
  • justify-contentの値の初期値は「flex-start」
  • これを、「flex-end」にしてみると…

f:id:ohta-felica:20160611153026p:plain

  • body の右側に貼り付きました。
  • 値を「center」にすれば…

f:id:ohta-felica:20160611153237p:plain

  • とにかく、中央にはしてくれます。ちょっと違うんだよね。float のようにしたい!

f:id:ohta-felica:20160611152137p:plain 

f:id:ohta-felica:20160611152336p:plain