お役立ち
2021.06.04
CSS2行書くだけの上下中央揃え
CSSで「上下中央ぞろえ」と言っても様々な方法がありますよね？
今回は「display:grid;」を使ったCss2行だけで、上下中央ぞろえを実現する方法を教えちゃいます！
/* 基本のコード */
<div class="center_area">
<div class="box">
<p>ここにコンテンツが入るよ！</p>
</div>
</div>.center_area{display: grid;
place-items: center;}
この記事に関連するタグ
正しい効果測定は、正しい計測設定から！Googleアナリティクス設定項目チェックシート（無料）
Googleアナリティクスは、適切な初期設定を行って初めて、解析に役立つデータを計測できます。 正しい効果測定を行う上で、必要な設定項目のチェックシートをご用意しました。
リスティング・Googleアナリティクス・ホームページ・ランディングページなど
Webマーケティングのことなら何でもご相談ください
株式会社マイティーエースでは、様々なWeb広告・Webマーケティングなど
お客様に合ったご提案しています。
興味をお持ちいただけた方は、まずは気軽にご相談ください。
