CSS bootstrap:添加图标到h1
CSS bootstrap:添加图标到h1
提问于 2013-09-02 14:45:46
我在h1中添加了图标(Bootstrap Glyphicons)，但在text baseline中没有添加。怎么解决这个问题？！
Problem pic
代码：
<h1 ><a><i class="icon-play"></i>TEST TEXT</a></h1>回答 3
Stack Overflow用户
发布于 2013-09-02 15:06:49
对于Bootstrap版本3，请使用此命令。
<h1>Hi this is heading<span class="glyphicon glyphicon-star"></span> Star</h1>参见this jsfiddle。
您的图标大小将根据其父图标的大小而改变。
Stack Overflow用户
发布于 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元素。
Stack Overflow用户
发布于 2013-09-02 15:03:03
我会尝试：
1)更改i.icon-play的填充
2)背景-i.icon的位置-播放
3)竖直对齐:居中，行高:12px，共i.icon-play
其中一个会起作用，祝你好运;-)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18567098
复制相关文章
相似问题
腾讯云开发者
