问CSS bootstrap:添加图标到h1
EN

Stack Overflow用户

提问于 2013-09-02 14:45:46

回答 3查看 12K关注 0票数 3

我在h1中添加了图标(Bootstrap Glyphicons)，但在text baseline中没有添加。怎么解决这个问题？！

Problem pic

代码：

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

发布于 2014-07-25 00:42:33

我使用的是Bootstrap v3.2，我也遇到了同样的问题。

<h3><span class="glyphicon glyphicon-user"></span> User</h3>

因此，我将字形图标的显示属性从inline-block更改为inline。

.glyphicon 
{position: relative;
top: 1px;
display: inline;
...
}

这是因为inline元素前后没有换行符，它允许HTML元素紧跟其后，但inline-block元素是作为inline元素放置的(与相邻内容在同一行上)，但它的行为类似于block元素。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18567098

复制

相似问题

问CSS bootstrap:添加图标到h1EN