Question

我在同一行显示FB Like / Share和Twitter按钮，但它们不会垂直对齐，请参阅我们What's New页面下面的代码。我正在寻找一种垂直对齐所有按钮的简单解决方案。

<div class="fb-like" data-href="http://www.ascendo.co/mac-password-manager.html" data-layout="button" data-action="like" data-show-faces="false" data-share="true"></div><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.ascendo.co/mac-password-manager.html" data-text="Check out DataVault Password Manager for Mac, the best way to secure your confidential information!" data-via="Ascendo" data-count="none">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

Answer 1

.fb-like{
    Display:table-row;
}

Answer 2

您可以添加一个简单的

vertical-align: middle;到

#twitter-widget-0

Facebook和Twitter按钮未对齐

2 个答案: