一起对齐社交图标

Question

我使用https://wordpress.org/plugins/wp-font-awesome-share-icons/这个插件在我的首页博客列表中显示社交图标，摘录下面隐藏但在悬停时可见

http://test.ohcampus.com/

见这里

我希望它看起来像这样

查看网站上的任何帖子页

看看那里的社交图标

...

我使用第二套社交图标的手动解决方案

我无法使用相同的首页。

Answer 1

您需要减少社交图标的边距，否则它们不适合一行。将12px替换为12px 7px。这可以修复文章页面上的布局问题。

.social-icons a {
  margin: 12px 7px;
  position: relative;
}

结果：

对于另一个问题，其他人已经建议你需要做什么。插入一个不间断的空格：

<span class="apsc-count">&nbsp;</span>

结果：