以前は、高さを揃えるためにjQueryを使ったり、cssで作るにしても少し手間がかかりましたが… Flexboxなら簡単に実装できるので紹介します。 以前は、高さを揃えるためにjQueryを使ったり、cssで作るにしても少し手間がかかりましたが… Flexboxなら簡単に実装できるので紹介します。 今回は、コンテンツ量の異なるボックスを用意して、高さを揃える。 それから、ボックス内の下にボタンを配置するよくあるレイアウトをFlexboxで作ります。 Step1. Flexboxを使って高さを揃える 1)今回は「li」の高さを揃えたいので、その親要素ulに「display: flex;」を追加するだけ! (高さを揃えるプロパティはalign-items: stretch;ですが、flexを使うと初期値で設定されているので省いてます。) liが横並びになり、高さも揃います。 2)さらに、「ju