css - fontawesome : stacked icons not displaying correctly

标签 css twitter-bootstrap font-awesome

这是 plunker - http://plunker.co/edit/ka72zj?p=preview

您可以看到删除图标位于右侧而不是中心。应该如何修复?

最佳答案

如果您谈论的只是轻微的错位(一两个像素),那么不幸的是,这就是某些图标字体字形的性质。绝对完美的垂直或水平居中是相当困难的。

要调整您在 Chrome 中看到的内容,您可以将以下内容应用于删除图标:

left: -1px;
top: -1px;

但是,这可能会对其他浏览器产生负面影响。

关于css - fontawesome : stacked icons not displaying correctly,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16570680/

相关文章:

php - 如何在 jQuery 中用 Font Awesome 替换删除单词

javascript - jQuery 使用背景图像位置更改链接的悬停状态

html - 列表不会水平居中

javascript - typeahead 不允许自由文本输入?

css - Font Awesome 图标对齐

html - 如何将 fontawesome 图标置于位置 :absolute div? 的中心

javascript - 如何使用 npm 将 Font Awesome 添加到我的 Aurelia 项目中?

html - 响应式 Youtube

html - Google Blogger 的相关文章小工具

javascript - Bootstrap 4 下拉列表动画