stylesheet

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

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

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

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

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

  • この記事を書いた人

ゆず

■忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
■サイト運営費のためGoogleAdsenseをいれています。
gifteeを贈る / コーヒーをおごる / mail

1
Outlookを最小化するとタスク バーから消えるのを防ぐ方法

outlookを最小化すると勝手に終了してしまうと相談されたけど実はそれ勝手に閉じてるわけじゃなくて、おそらく「最小化時にアイコン化する設定」になってるんや・・・。 outlookの最小化時の設定を変 ...

2
てがろぐにいいねボタン・改を設置する方法

前提 自分用ブックマークサイトとして使用しているてがろぐに、いいねボタンをつけようという狙いです。なので、てがろぐのセットアップは終了し稼働しているものとします。 配布ページのマニュアルを参考に進めま ...

3
感想メーカーを作りました

感想をもっと手軽に、お気軽に。 https://labo.01kawa.com/kansou 素敵なフォロー、フォロワー、創作作家さんに作品の感想を送りたい…！が、語彙力がないという方向けの感想メーカ ...

-stylesheet