質問: <div>を水平方向に中央揃えする方法 cssを使用して<div>を別の<div>内で水平方向に中央揃えするにはどうすればよいですか?<div id="outer"> <div id="inner">foo foo</div> </div>
回答: 未知の高さと幅のdivを中心に水平方向と垂直方向かなり最近のブラウザ(firefox、safari/webkit、chrome、internet explorer 10、operaなど)で動作します。 .content { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } <div class="content">this works with any content</div> codepen または jsbin でさらに詳しく説明してください。