Twitter Bootstrap居中按鈕文本

我知道在div類中添加text-center對於居中一組按鈕來說已經足夠了。但在我的情況下，我需要將按鈕中的文字居中。Twitter Bootstrap居中按鈕文本

我試圖添加空白左邊距右邊的文本中心。但沒有幫助。
是否可以將文本居中？

<div id="mydiv"> 
    <a href="#" class="btn btn-warning btn-lg text-center" 
     style="width:48px;margin-left:auto;margin-right:auto;">Ad</a> 
    ... 
    ... 
</div>

小提琴：http://jsfiddle.net/mavent/YXrRT/3/

來源

2013-11-04 trante

添加padding-left:0; padding-right:0

來源

2013-11-04 13:00:05 Gregoire

嘗試從

<a href="#" class="btn btn-warning btn-lg text-center" style="width:48px;margin-left:auto;margin-right:auto;">Pp</a>

來源

2013-11-04 13:00:13

問題是填充相關的，除去保證金也無濟於事。 – azz

去除

margin-left:auto;margin-right:auto;

不要給任何自定義CSS LIK寬度和邊距將它們移除，它將起作用。您使用Bootstrap，因此您不必使用按鈕的自定義樣式

來源

2013-11-04 13:01:39

我需要讓所有按鈕具有相同的寬度。所以我使用style-width。如果我不使用寬度發生這種情況：http://jsfiddle.net/mavent/YXrRT/5/ – trante

您在按鈕上的填充過大（水平方向爲16px）。嘗試將填充更改爲10px或更少。

jsFiddle

你也應該考慮使用，而不是style CSS類屬性來避免重複。

來源

2013-11-04 13:04:01 azz

最終我會將它們添加到CSS文件。謝謝。 – trante

檢查jsfiddle，你應該刪除保證金左：自動，保證金右：自動內聯代碼

http://jsfiddle.net/YXrRT/6/

來源

2013-11-04 13:06:31 Radian

Twitter Bootstrap居中按鈕文本

回答

相關問題