css - Safari中段落的图像居中问题

Question

我似乎无法让图标在 Safari 的“服务”部分中的段落中心对齐（它在所有其他浏览器中都居中）：

http://sidecarexecutivesupport.com/

应该是一个简单的 css 调整，但它正在逃避我。感谢帮助。

Answer 1

尝试将text-align: center;anddisplay: block;放入[class^="icon-"], [class*=" icon-"]您的样式中的选择器中。（我在检查员中对此进行了测试，它似乎有效）

作为额外的建议，该<i>标签并不是真的要以您使用它的方式使用。我建议用更语义化的东西替换它，也许是一个跨度？此外，与其将图形与带有 的样式一起放入:before { content }，为什么不直接将其直接放入 html 中，在您为其创建的标签内？这可以使你的一些造型更容易一些。

Answer 2

由于 text-align:center 似乎是一个好主意，它是 TEXT align，这意味着它不是为对齐块元素而设计的。这就是为什么我建议将属性“text-align:center”附加到父块（类“四分之一”）。

没有其他任何东西它会很好地工作......并且由于下面的所有其他文本也应该居中，这正是您所需要的。