如何让按钮在div中居中？

我有一个宽度为 100% 的 div。

我想在其中放置一个按钮，我该怎么做？

<div style="width:100%; height:100%; border: 1px solid">
  <button type="button">hello</button>
</div>

更新答案

更新是因为我注意到这是一个积极的答案，但 Flexbox 现在是正确的方法。

现场演示 http://jsfiddle.net/loktar/cynbp3j0/

垂直和水平对齐。

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

仅水平（只要主柔性轴是水平的，这是默认的）

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

原始答案使用固定宽度且没有弹性盒

如果原始海报想要垂直和居中对齐，那么对于固定按钮的宽度和高度来说很容易，请尝试以下操作

现场演示 http://jsfiddle.net/loktar/Tc78Y/2/

CSS

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

对于水平对齐使用

button{
    margin: 0 auto;
}

or

div{
    text-align:center;
}