对齐社交媒体共享按钮，让它们看起来很好看

Question

我只是把社交分享按钮放回我的主页，它们看起来真的很糟糕:)

您可以在页面底部查看它：http://www.comehike.com

人们通常如何使他们如此自然地结合在一起？我的看起来如此混乱和不专业。样式有什么可以做的吗？

谢谢！

Answer 1

查看您的代码，您可能必须为每个类添加单独的类，因为它们都位于不同的元素中。有几种方法，绝对定位，显示：内联，但我推荐浮动

添加一个 ul 元素和每个“分享按钮”作为该 ul 的 li 子元素

<ul class='shareLinks'>
<li>facebook here</li>
<li>twitter here</li>
</ul>

那么你的 css 可以看起来像这样

ul.shareLinks { overflow: auto; }
ul.shareLinks li { list-style: none; float: left; margin-right: 5px; }

你显然可以随心所欲地编辑 css，重点是 float: left the overflow: auto; ul 上是对没有实际高度的浮动元素的修复。