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

时间:2019-08-26 12:19:51

标签: wordpress menu font-awesome

我的辅助菜单中有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;

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

1 个答案:

答案 0 :(得分:0)

尽管您的问题尚不清楚,这就是为什么很难为您提供适当的解决方案。

您可以使用text-align: left代替 float 。或者,您应该声明父元素的 width 并使用 float 。可能有用。