css – 如何在twitter引导中使用只有glyphicons的按钮

前端之家收集整理的这篇文章主要介绍了css – 如何在twitter引导中使用只有glyphicons的按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在Twitter Bootstrap 3.0中使用只有一个符号的按钮的正确标记是什么?如果我使用以下
<button type="button" class="btn btn-xs btn-danger">
  <span class="glyphicon glyphicon-trash"></span>
</button>

我得到这样的东西:

更新:

我在我的风格和@ Adrift的< button>之间做了一个差异元素,并得到以下内容

# -- is mine

--webkit-perspective-origin: 12px 8px;
+-webkit-perspective-origin: 12px 11px;

--webkit-transform-origin: 12px 8px;
+-webkit-transform-origin: 12px 11px;

-height: 16px;
+height: 22px;

-text-rendering: auto;
+text-rendering: optimizelegibility;

解决方法

尝试在图标跨度之后添加不间断的空格。

喜欢这个:

<button type="button" class="btn btn-xs btn-danger">
  <span class="glyphicon glyphicon-trash"></span>&nbsp;
</button>
原文链接:https://www.f2er.com/css/219206.html

猜你在找的CSS相关文章