css div居中

Question

我试图将div按钮居中,但它不起作用

这是css

    .game-actions{
margin-left:auto;
margin-right:auto;
}

.game-actions a.up {
    display: block;
    text-decoration: none;
    font-weight: bold;
    padding:12px 32px;
    float: left;
    border: 1px solid #c1d9f6;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px; 
}

.game-actions a:hover {
    border-color: #80b0ea;
    background:#e1ecf3;
}

这是html

<div class="game-actions"> 
<a class="up" id="a1" href="#" onClick="toggle(this.value)">Tweet it</a>
</div>

网站位于 - http://gibberize.com/

Answer 1

默认情况下,div标签将其宽度扩展到其父容器的整个宽度.因此,将它们的边距设置为auto不执行任何操作,因为它只是将两个边距自动设置为0.如果为div设置固定宽度,则它将居中.