html - 将按钮(div)保持在中心

Question

我是 html 新手，仍在学习中。我试图在中心(div)保留一个按钮，但我真的不知道我应该怎么做。我用边距把它放在周围。 - 当窗口全屏显示时效果很好，但当我将窗口缩小时，按钮会改变位置。

[对不起，如果英语不完美 xD]

这是按钮的代码(CSS):

  .signupbutton {


    position:relative;
    margin-left: 880px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0d8f64), color-stop(1, #0d8f64));
    background:-moz-linear-gradient(top, #0d8f64 5%, #0d8f64 100%);
    background:-webkit-linear-gradient(top, #0d8f64 5%, #0d8f64 100%);
    background:-o-linear-gradient(top, #0d8f64 5%, #0d8f64 100%);
    background:-ms-linear-gradient(top, #0d8f64 5%, #0d8f64 100%);
    background:linear-gradient(to bottom, #0d8f64 5%, #0d8f64 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d8f64', endColorstr='#0d8f64',GradientType=0);

    background-color:#0d8f64;

    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px;

    border:2px solid #424745;

    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size: 16px;
    font-weight:bold;
    padding:12px 42px;
    text-decoration:none;

    text-shadow:0px -1px 0px #5b6178;

}
.signupbutton:hover {

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0d8f64), color-stop(1, #0d8f64));
    background:-moz-linear-gradient(top, #0d8f64 5%, #0d8f64 100%);
    background:-webkit-linear-gradient(top, #0d8f64 5%, #0d8f64 100%);
    background:-o-linear-gradient(top, #0d8f64 5%, #0d8f64 100%);
    background:-ms-linear-gradient(top, #0d8f64 5%, #0d8f64 100%);
    background:linear-gradient(to bottom, #0d8f64 5%, #0d8f64 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d8f64', endColorstr='#0d8f64',GradientType=0);

    background-color:#0d8f64;
}
.signupbutton:active {
    position:relative;
    top:1px;
}

Answer 1

这将使元素保持在其父元素的中心:

margin: 0px auto; width: 100px;