为什么我的字体真棒图标不能居中对齐？

Question

我的二级菜单中有 4 个 Font-Awesome 图标。

我正在尝试让社交图标在中心对齐。我已将它们单独添加到 Wordpress 的菜单中，作为自定义链接，如下所示：

对齐中心没有任何区别。

我在 Wordpress 菜单选项中的社交图标中添加了一个类，称为“socialiconmenu”。

我在我的 CSS 中定位该类以尝试将其居中，见下文：

社交图标顶部菜单

.socialiconmenu {

width: 2.5vw;
height: 4vh;
background: #42187b;
text-align: center;
font-size: 20px;
line-height: 20px;
margin: 5px 5px;
display: block;
border-radius: 50%;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;

我希望这会将社交图标移动到中心，但它们并没有让步。现在怎么办？

Answer 1

虽然您的问题不清楚，但这就是为什么很难给您一个合适的解决方案。

您可以使用 text-align: left 代替 float。或者你应该声明父元素的width并使用float。它可能会起作用。