div 内のボタンを中央に配置するにはどうすればいいですか? 質問する

Question

更新された回答

アクティブな回答であることに気づいたので更新しますが、Flexbox が現在正しいアプローチになります。

垂直方向と水平方向の配置。

#wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

水平のみ（メインのフレックス軸がデフォルトで水平である限り）

#wrapper {
  display: flex;
  justify-content: center;
}

固定幅とフレックスボックスなしを使用した元の回答

元の投稿者が垂直方向と中央揃えを希望する場合は、ボタンの幅と高さを固定すると非常に簡単です。次の操作を試してください。

CS

button{
    height:20px; 
    width:100px; 
    margin: -20px -50px; 
    position:relative;
    top:50%; 
    left:50%;
}

水平方向の配置のみの場合は、

button{
    margin: 0 auto;
}

または

div{
    text-align:center;
}

Answer 1