CSS DIV中心

我試圖居中DIV按鈕，它不工作CSS 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/

來源

2009-11-09 Dasa

默認情況下，div標籤將其寬度擴大到整個寬度o f他們的父容器。因此，將邊距設置爲auto不會執行任何操作，因爲它只是將兩個邊距自動設置爲0.如果爲div設置了固定寬度，則它將居中。

來源

2009-11-09 11:28:07 Amber

默認div元素是頁面的整個寬度，因爲你沒有指定應該是多寬，所以兩邊的自動邊距將爲0。

在這種情況下，我會在div上使用text-align: center;來居中鏈接。

來源

2009-11-09 11:29:24 AverageAdam

這是您的一個解決方案。你的第一個。遊戲 - 動作 CSS類添加：

width:1px;

還可以更改標題加入Twitter到：

Tweet&nbsp;it

（避免打破按鈕超過2線）

來源

2009-11-09 11:39:47

回答

相關問題