html - 水平显示FontAwesome中心图标

这是我的情况：

我有4个bootstrap's col-md-3，其中每个都有一个我想水平居中的fontawesome图标。但是，我当前正在执行的操作不起作用。

这是我正在尝试的：

.social-badge a{
    display: inline-block;
}

.social-badge a .fa{
    text-align: center;
}

这是一个小提琴：The Fiddle

最佳答案

您必须对容器div进行文本对齐：

social-badge a{
    display: inline-block;
}

.social-badge {
    text-align: center;
}

请下次将您的CSS粘贴到CSS框中，而不是粘贴到javascript的:)中

关于html - 水平显示FontAwesome中心图标，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25880580/