【问题标题】:fontawesome: stacked icons not displaying correctlyfontawesome:堆叠的图标显示不正确
【发布时间】:2013-05-16 00:56:52
【问题描述】:

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

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

【问题讨论】:

  • 您希望它相对于“Hello Plunker”文本居中吗?
  • 哦不,只是在正方形的中心,它包含在其中
  • 您在哪个浏览器中看到此问题?在 Chrome 中,删除图标位于红色图标的顶部,并且仅错位一两个像素。

标签: css twitter-bootstrap font-awesome


【解决方案1】:

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

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

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

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

【讨论】:

  • 至少适用于 Chrome 和 Safari,我现在对结果很满意 :),感谢您的帮助 @JacobMcLock
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-02-17
  • 2017-07-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多