Glyphicon和Button Text应该并排

Question

我试图在按钮控件中放置一个glyphicon但按钮文本和glyphicon不在同一行.按钮文字略低于下方,与glyphicon不平行

<button type="button" class="btn btn-default" aria-label="my button" style="border: 0px">
    <span class="glyphicon glyphicon-plus-sign" style="color:#a0a0a0; font-size: 30px" aria-hidden="true"></span>
    My Button Text
</button>

Answer 1

应该有vertical-align: middle;glyphicon span你放置内联CSS的位置

<button type="button" class="btn btn-default" aria-label="my button" style="border: 0px">
       <span class="glyphicon glyphicon-plus-sign" style="color:#a0a0a0; font-size: 30px; vertical-align: middle;" aria-hidden="true"></span>
       My Button Text
</button>

而已 :)