【CSS】カラム子要素　下揃え

  • 投稿日
  • 著者 jingtian
  • カテゴリー CSS

カラム子要素　下揃え

各カラムでテキストの量に違いがあったりする場合、カラム下部子要素の高さ位置がバラバラになってしまうことがあると思いますが、CSSで下ぞろえにすることができます！

ダミーボタン

各カラムで下部子要素の高さをそろえたいとき、CSSで可能です！

ダミーボタン

各カラムでテキストの量に違いがあったりする場合、カラム下部子要素の高さ位置がバラバラになってしまうことがあると思いますが、CSSで下ぞろえにすることができます！

ダミーボタン

.columns-f .wp-block-column {
display: flex;
flex-direction: column;
}
.columns-f .wp-block-column div:last-child {
margin-top: auto!important;
}

各カラムでテキストの量に違いがあったりする場合、カラム下部子要素の高さ位置がバラバラになってしまうことがあると思いますが、CSSで下ぞろえにすることができます！

ダミーボタン

各カラムで下部子要素の高さをそろえたいとき、CSSで可能です！

ダミーボタン

各カラムでテキストの量に違いがあったりする場合、カラム下部子要素の高さ位置がバラバラになってしまうことがあると思いますが、CSSで下ぞろえにすることができます！

ダミーボタン

この記事を書いた人

jingtian

記事一覧