学习java的时候想要居中button
百度了下发现button是行级元素
如果想要居中的话,需要先把button变成块级元素

第一种方法,单独写成css

<style>
div {
    border: 10px solid #9f73e7;
}
button{
    display: block;
    margin: 0 auto;
}
</style>
<body>

<div>
<h2>Button按钮在div居中</h2>
<button type="button" onclick="methodReturnFunction()">按下</button>
</div>
</body>
</html>

第二种方法

<div>   
<button  style="display:block;margin:0 auto">按钮居中</button>                      
</div>

实现结果:


按钮居中效果展示图