3

h1我在而icon不是在文本中添加图标（引导 Glyphicons）baseline。如何解决这个问题？！

问题图片

代码：

<h1 ><a><i class="icon-play"></i>TEST TEXT</a></h1>
4

3 回答 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 回答