Bootstrap按鈕中的文字間距

Question

當我在頁面上使用按鈕時，文字間距默認是太大。

.btn { 
    word-spacing: 1px; 
} 

是正確使用負字間距？它似乎在伎倆。

.btn { 
    word-spacing: -8px; 
} 

這是一個有點怪，它在默認情況下這個大間距，但也許它只是一個偏好的問題。

Answer 1

Twitter的引導（bootstrap.css || bootstrap.min.css）不不上.btn元件設置word-spacing。

檢查元素並查看哪個樣式表添加了該規則，因爲我可以向您保證它不是默認的bootstrap.css（截至v3.3.6）。您正在使用經過修改的（非標準）Twitter Bootstrap版本，或者您正在加載不同的主題/框架。

是的，只要你加載自己的樣式表，最後還是你使用的是更強的選擇不是一個，因此目前設定的規則，你可以覆蓋.btn S上的word-spacing財產（內部消除「破」其他東西）。

你只是改變你的按鈕的字母之間的空間。作爲一個旁註，我推薦使用word-spacing: 0;，它將使用正確的字距和連字來完全按照設計的字體渲染字體。

Answer 2

與自舉按鈕內的圖形符號有相同的問題。我的問題是，我忘了關閉圖形跨度。之後顯示爲正常。

錯誤例如：

<button type="button" class="btn btn-default"> 
    <span class="glyphicon glyphicon-envelope"> 
    Text with spaces 
</button> 

工作例如：

<button type="button" class="btn btn-default"> 
    <span class="glyphicon glyphicon-envelope"></span> 
    Text with spaces 
</button>