CSSでコンテンツの中央配置を実装する方法 - NxWorld

左右・上下左右などCSSで要素やコンテンツの中央配置（中央寄せ）を実装する方法を備忘録も兼ねていくつか紹介します。 どれも目新しいものではないのですが、ただ中央寄せといっても様々な実装方法があるので、デザインや動きによっていろいろ使い分けることができるとコーディングでレイアウトを組むなども楽になると思います。 はじめに ここで紹介している内容はいずれもHTMLは下記のようなものを使用し、<div class="child"> ... </div>の部分を中央配置させるという内容になっています。 また、領域がわかりやすいように.childにはグレーの背景色を指定しています。 <div class="parent"> <div class="child">Lorem ipsum dolor sit amet.</div> </div>

[maritimecolor]

メモメモ！

[TTTT2]

“center; }”

[nownoatosaki]

“width: 60%; margin-right: auto; margin-left: auto;”

[hirokideath]

縦の真ん中

[masayoshinym]

CSSで中央配置したいときに試す。

[kussun]

ブラウザの対応状況も書いて欲しかったな。