我在使用社交媒体(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;
}
结果是这样的:
最佳答案
您需要垂直对齐它们。由于文本在顶部,我建议应用此 css:
.sharebutton {
display: inline-block;
vertical-align: bottom;
}
这样所有按钮都会排到行的底部并正确对齐,使文本保持在顶部。
关于html - 如何让这些按钮内联?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36856938/