Question

这是我的情景：

我有4个bootstrap's col-md-3，其中每个都有一个fontawesome图标，我希望水平居中。但是，我目前正在做的事情并没有奏效。

这是我尝试的内容：

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

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

这是一个小提琴：The Fiddle

Answer 1

MDN - Text-align

text-align CSS属性描述了像文本这样的内联内容如何在其父块元素中对齐。

因此text-align: center必须位于父元素上。

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

Answer 2

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

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

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

请下次将CSS粘贴到CSS框中，而不是粘贴到javascript中：）