引導按鈕文本對齊

Question

在我的項目中，我需要使用一個很小的擺動來完成bootsrap's成功按鈕。 問題在於此按鈕中的文本未與按鈕的中心對齊。 它必須有較大的左填充。 那么我該如何解決呢？

聚苯乙烯

The picture is something like that:

+------+
|  text|
+------+

I want:

+------+
| text |
+------+

碼：

HTML:

btn1.setAttribute("class", "btn btn-success card_btn");
btn1.innerHTML = "To solitaire";
btn1.onclick = to_solitaire;


CSS:

.btn {
    text-align: center;
    padding: 2px;
}

`

Answer 1

這里不需要在引導程序中為任何樣式添加css ，所有樣式都是內置的

在btn class中， text-align:center為默認值

例如使用如下：

<input type="button" class="btn btn-success" value="Text" />

輸出：

+------+
| Text |
+------+

這是FIDDLE

Answer 2

我有一個字形文字和文字類似的問題。 代碼和css的簡單重新排列將極大地幫助您：

HTML：

<button type="button" class="btn btn-default ">
   <span class="glyphicon glyphicon-paperclip"></span>
   &nbsp;Upload
</button>

CSS：

.btn{text-align: left;}

我的錯誤是在跨度內包含文本。 無論我使用什么CSS，都不會發生。 實際上，看起來合理性比居中更為重要。