3カラムでサービス内容や料金表を載せる際など、例えばボタンを下揃えする時に使用
カラム内の位置揃え
カラムにid付与
カラムブロック全体(個別ではなく)に、idをつける
(例)pr-block
Flexboxを設定
Flexbox、flex-direction: columnを設定
#pr-block .wp-block-column {
display: flex;
flex-direction: column;
}
ボタンに margin-top: auto を設定
ボタンにクラス wp-block-buttons を付与して以下を設定
#pr-block .wp-block-column {
display: flex;
flex-direction: column;
}
#pr-block .wp-block-buttons {
margin-top: auto;
}