fontawesome图标在Chrome和Firefox中无法呈现相同的效果
1252748
在Chrome / Safari中，我的引导按钮内的图标看起来不错：
但是在Firefox中，该图标会下移一行：
我的字体图标浮在窗口中<button>。
<!--html-->
<div class="btn-group btn-group-justified" role="group" aria-label="...">
<div class="btn-group" role="group">
<button type="button" class="btn btn-default btn-small">Cached logs<i class="fa fa-money"></i></button>
</div>
<div class="btn-group" role="group">
<button type="button" class="btn btn-default btn-small">Logs on mount<i class="fa fa-database"></i></button>
</div>
</div>
<!--style-->
i.fa {
float: right;
top: 2px;
position: relative;
font-size: 12pt;
}
.glyphicon, i.fa {
color: rgb(90, 90, 90);
top: 1px;
}
如何使Firefox版本像Chrome那样单行？
乔尔·考克斯（Joel Cox）
将图标移到文本的左侧。我不确定导致它不一致的根本原因-但这确实使两个浏览器都一致地呈现它。
<button type="button" class="btn btn-default btn-small"><i class="fa fa-database"></i>Logs on mount</button>
代替
<button type="button" class="btn btn-default btn-small">Logs on mount<i class="fa fa-database"></i></button>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
为什么这个简单的嵌套DIV在Chrome和FireFox中呈现不同的效果？
- 2
大文本在Firefox中呈现模糊效果，而在Chrome中则清晰呈现
- 3
无法通过cdn.fontawesome.com呈现Font Awesome图标
- 4
具有图标标记插件的Highcharts无法呈现FontAwesome点
- 5
自托管 FontAwesome 图标无法在 OS X Sierra 上呈现
- 6
Chrome和Firefox中的Heights呈现方式不同
- 7
在Firefox和Chrome 48中使用flexbox呈现问题
- 8
flexbox 下的缩放转换在 Chrome 和 Firefox 中呈现不同
- 9
Safari中的FontAwesome图标比Chrome高
- 10
标题图片在Firefox和Chrome中无法以相同大小显示
- 11
无法在FontAwesome React中显示检查图标
- 12
更改FontAwesome和Angular 10中的图标
- 13
WebGL无法在Firefox中呈现
- 14
Twitter Bootstrap：IE和Firefox中的图标呈现方式有所不同
- 15
<Pre> Firefox和Chrome之间的呈现差异
- 16
chrome中无法访问Javascript变量，但在Firefox中效果很好
- 17
随机图像链接在元素列表中呈现相同的效果
- 18
Fontawesome 图标 SVG 未在 Firefox 中显示为 Heremap 标记
- 19
Chrome和Firefox无法呈现Avenir的粗体字体，但是Safari可以！怎么修？
- 20
Rems在Chrome和Firefox之间呈现不同的呈现方式
- 21
视差效果在Firefox和Chrome中工作正常，但在IE 11中“表现不佳”？
- 22
图标字体无法在Windows Chrome浏览器上呈现
- 23
导航栏中的Twitter Bootstrap搜索框在chrome和firefox中呈现不同
- 24
网站在方括号中工作，但html文件在Firefox和Chrome中呈现黑屏
- 25
D3 输出未在 Safari、Firefox、Edge 和 IE 中呈现。在 Chrome 中工作
- 26
IE可以，但是Chrome / Firefox无法在“ img”元素中呈现SVG嵌入式图像
- 27
Rmarkdown flexdashboard值框在Chrome或IE中无法正确呈现（但在FireFox中有效）
- 28
自定义FontAwesome图标不呈现
- 29
Fontawesome中的堆栈图标
我来说两句