Css 设计twitter关注、类似Facebook和youtube订阅按钮的样式

我试图在HTML页面中添加类似Facebook、Twitter关注和Youtube订阅的按钮。我能够使用FB、Twitter和Youtube代码为每个站点生成代码。但是，我无法以有组织的方式将它们对齐并居中。值得注意的是，加载三个按钮需要很长时间

以下是从三个站点生成的代码：

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/sdk.js#xfml=1&version=v2.5”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
!函数（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'）；

那么您希望将它们垂直对齐一个相同的高度，并使它们水平居中

将它们分别放入容器元素中，然后垂直对齐：

.social-button-container {
    display:inline-block;
    vertical-align: middle;
}

并添加一个带有

文本对齐：居中的外部容器，使其水平居中


（但它们看起来并不是完全垂直对齐的；这是因为它们在“可见”按钮下有不同数量的空白。如果要抵消这一点，请向每个容器添加
position:relative
，然后使用
top
将它们上下放置几个像素）
社交按钮的设计一直在变化，因此如果可以，我建议您自己设计它们的样式，并使用其他第三方脚本，例如，如果您想要共享计数和其他数据。@VincentOrback谢谢您的建议，我将尝试一下。我只对没有统计信息的基本按钮感兴趣…因此，如果您通过第三方服务有其他建议，请让我知道。您可以使用常规的
。然后根据需要设计链接。谢谢@CBroe，您的观点是有效的，因为它们没有完全对齐。我宁愿坚持使用一个选项，使它们与此处非常相似