從原始位置保留字體真棒微調圖標

Question

當我把圖標fa fa-spinner fa-spin圖標開始自己旋轉。雖然旋轉點旋轉得很好。

例如： - http://farzikam.cf/a點擊提交按鈕，看看從你的按鈕圖標

<button id="btn" onclick="load()"> 
    <div id="btntext">Submitting</div> 
    <i id="plus" class="fa fa-spinner fa-spin" style="padding: 0;margin-left: 7px;"></i> 
</button> 

Answer 1

解決它從你的圖標取出填充和保證金添加到您的按鈕文本，如：

#btntext{ 
    margin-right: 15px; 
} 

您應該也使用類而不是id's的情況下。

Answer 2

去除頂部/底部填充

Answer 3

添加這個CSS，它應該工作的優良....

#btn .fa-spin { 
    padding: 0; 
} 
#btntext { 
    padding: 0 10px 0 0; 
}