stylesheet

ブロックの中身を上下左右中央揃え

flexboxを使ったブロックの中身を上下左右中央揃え覚書

<div class="content">
    <p>上下左右中央にする</p>
</div>

.content {
    display: flex;
    justify-content: center;
    align-items: center;
}

justify-content　…　左右中央揃え
align-items　…　上下中央揃え

  • この記事を書いた人

ゆず

忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
一杯おごる

-stylesheet