前回:CSS3 Flexbox 並べ方まとめ 今回は揃え方です。 justify-contentとalign-items、align-self、align-contentをまとめます。 準備 <div id="flex"> <div class="flex-item">A</div> <div class="flex-item">B</div> <div class="flex-item">C</div> <div class="flex-item">D</div> <div class="flex-item">E</div> <div class="flex-item">F</div> <div class="flex-item">G</div> </div> #flex{ background: #55BE2E; display: flex; height: 300px; width: