如何在一行中显示社交图标？

Question

我修改了我的Wordpress menu，并将社交图标添加到主菜单中。我想将所有社交图标显示为一行，但不知道该怎么做。我已经设置了

.socialicons

作为所有社交图标的CSS。

Answer 1

   .socialicons { float:left; display:inline; margin-right:5px; }

添加浮动并显示内联将导致具有该类的所有元素从左到右排成同一行，只要有足够的空间即可。向右添加边距将防止切线图标，可以根据需要进行调整。

Answer 2

只需添加：

.socialicons {width: 50px !important;}

（这需要因为您的代码li的宽度为100％）