如何在div元素中水平居中放置按钮元素?

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

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

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

你需要 display: block; margin: auto; 上 <button> . jsFiddle

其他人已经提到 margin: 0 auto; 方法,但如果您想要解释,浏览器会在元素所在的任何容器中分割可用空间。

同样需要指出的是,你可能也需要给你的元素一个宽度,这样才能正常工作。

因此,总体而言:

button {
    display:inline-block; //Typically a button wouldn't need its own line        
    margin:0 auto;
    width: 200px; //or whatever
}