Question

我缩小了按钮的宽度，并希望将glyphicon对齐在中心。

这是我的代码：

<div class="btn-group btn-toggle">
<button class="btn btn-primary btn-sm" type="button" style="width:20px">
<span class="glyphicon glyphicon glyphicon-sort-by-alphabet"></span>
</button>
<button class="btn btn-default btn-sm" type="button">
<span class="glyphicon glyphicon glyphicon-sort-by-alphabet-alt"></span>
</button>
</div>

这是一个bootply链接：http://www.bootply.com/HYU6Nff6bk#

怎么做？

Answer 1

按钮仍然使用 padding-left：10px; 和 padding-right：10px;

如果你想要一个宽度为20px的按钮，那么将padding-left和padding-right减少为零。

<div class="btn-group btn-toggle">
<button class="btn btn-primary btn-sm" type="button" style="width:20px; padding-left: 0px; padding-right: 0px;">
<span class="glyphicon glyphicon glyphicon-sort-by-alphabet"></span>
</button>
<button class="btn btn-default btn-sm" type="button">
<span class="glyphicon glyphicon glyphicon-sort-by-alphabet-alt" aria-hidden="true"></span>
</button>
</div>

居中对齐按钮中的glyphicon

1 个答案: