我怎样才能把这些按钮内联起来？
我怎样才能把这些按钮内联起来？
提问于 2016-04-26 06:31:33
我有点纠结于社交媒体的共享按钮(Twitter，Facebook，Google+)，因为facebook按钮比其他两个按钮低几个像素。我有一种感觉，我尝试了我所知道的一切，通过添加或删除div，边距，填充等等。
这是HTML代码：
<div class="sharebuttons">
<div class="sharebutton"><div class="fb-share-button " data-layout="button" data-mobile-iframe="false"></div></div>
<div class="sharebutton"><a href="https://twitter.com/share" class="twitter-share-button">Tweet</a></div>
<div class="sharebutton"><div class="g-plus" data-action="share" data-annotation="none"></div></div>
</div> 我的部分中唯一的CSS代码是：
.sharebutton{
display:inline;
}结果是：
Stack Overflow用户
发布于 2016-04-26 06:34:58
你需要垂直对齐它们。由于文本位于顶部，我建议应用此css：
.sharebutton {
display: inline-block;
vertical-align: bottom;
}这样，所有的按钮都会流到行的底部，并正确地保持文本的顶部。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36856938
复制相关文章
相似问题
腾讯云开发者
