要素の水平方向の中央揃えを実現します。

Question

<p>CSS を使用して、ある div を別の div の内側に水平方向に中央揃えするにはどうすればよいですか? </p> <pre class="brush:html;toolbar:false;"><div id="outer"> <div id="inner">フーフー</div> </div> </pre> <p><br /></p>

Answer 1

内側の div に固定幅を設定したくない場合は、次のことを試してください:

リーリー リーリー

これにより、内部の div が text-align によって中央に配置できるインライン要素になります。

Answer 2

flexbox を使用すると、div を水平方向および垂直方向に中央揃えするのが非常に簡単です。

リーリー リーリー