html - css 上下中央 - 要素を水平方向にセンタリングする方法

html 中央寄せ / html / css / alignment / centering

CSSを使用して <div> を別の<div>内で水平方向に中央 <div> するにはどうすればよいですか?

<div id="outer">
  <div id="inner">Foo foo</div>
</div>

40 revs, 26 users 18%



Answer #1

コードは基本的にこのようになっています。

#outer {
  position: relative;
}
#inner {
  margin: auto;
  position: absolute;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
}