为什么我无法居中对齐字体真棒图标？

Question

我的辅助菜单中有4个“超赞”图标。

我正在尝试使社交图标在中心对齐。我已经将它们分别作为自定义链接添加到了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 。可能有用。