flexbox 子・孫 要素の高さを揃える方法CSSのflexboxは子要素の高さを揃えますが、孫要素の高さは揃えてくれません。 このページでは、子・孫 要素の高さを揃える方法を紹介します。 デモ 子要素の高さを揃える 孫要素の高さを揃える 孫要素の高さを揃える + ボタンを下に設置 複数の孫要素の高さを揃える + ボタンを下に設置（強引） デモ See the Pen flexbox sample by kura (@kuranopen) on CodePen. 子要素の高さを揃える Flexboxを使えば、通常子要素の高さは揃います。 HTML <div class="flex1"> <div class="item"> <p class="text">テキストテキストテキストテキスト</p> </div> <div class="item"> <p class="text">テキストテキストテキストテキストテキストテキストテキス
