h1我在而icon不是在文本中添加图标（引导 Glyphicons）baseline。如何解决这个问题？！
代码：
<h1 ><a><i class="icon-play"></i>TEST TEXT</a></h1>
问问题
12109 次
3 回答
7
对于 Bootstrap 版本 3，请使用它。
<h1>Hi this is heading<span class="glyphicon glyphicon-star"></span> Star</h1>
看到这个jsfiddle。
您的图标大小将根据其父级的大小而变化。
于 2013-09-02T07:06:49.343 回答
1
我使用 Bootstrap v3.2，我遇到了同样的问题。
<h3><span class="glyphicon glyphicon-user"></span> User</h3>
所以我将字形图标的显示属性从 inline-block 更改为 inline。
.glyphicon
{position: relative;
top: 1px;
display: inline;
...
}
这是因为 An inline 元素之前或之后没有换行符，并且它允许 HTML 元素在它旁边，但是 inline-block 元素被放置为 inline 元素（与相邻内容在同一行），但它的行为为一个块元素。
于 2014-07-24T16:42:33.057 回答
0
我会尝试：
1) 改变 i.icon-play 的填充
2) i.icon-play 的背景位置
3) 垂直对齐：居中；行高：12px；i.icon-play 的
其中一个会起作用，祝你好运;-)
于 2013-09-02T07:03:03.380 回答