试图将html按钮对齐到我页面的中心

Question

我正在尝试将HTML按钮准确地对准页面的中心，而不管所使用的浏览器如何。它既可以漂浮在左侧，而仍保持在垂直中心，也可以漂浮在页面上的某处，例如页面顶部等。

我希望它在垂直和水平方向都居中。这是我现在写的：

<button type="button" style="background-color:yellow;margin-left:auto;margin-right:auto;display:block;margin-top:22%;margin-bottom:0%">
   mybuttonname
</button>

Answer 1

基本上，将按钮放入带有居中文本的div中：

<div class="wrapper">
    <button class="button">Button</button>
</div>

具有以下样式：

.wrapper {
    text-align: center;
}

.button {
    position: absolute;
    top: 50%;
}

有很多方法可以给猫咪剥皮，而这只是其中一种。