html - 如何在 div 元素中水平居中按钮元素？

Question

我不想将 CSS 添加到我的 div 元素(例如 <div style="text-align: center;"> )。

我只想向按钮元素添加 CSS 代码。

<div>
  <button>Button</button>
</div>

在这种情况下，如何使按钮水平居中？

Answer 1

button {
    margin:0 auto;
    display:block;
}

button {
  margin: 0 auto;
  display: block;
}

<div>
  <button>Button</button>
</div>