【问题标题】:Vertically align these buttons垂直对齐这些按钮
【发布时间】:2013-08-22 12:40:46
【问题描述】:

我正在使用这些服务的推荐嵌入代码并排嵌入一个 Twitter 按钮和一个 LinkedIn 个人资料按钮。

但是,每个都垂直离线显示。我希望两者都垂直对齐 - 每个都在包含 div 的垂直中心。

这是他们如何看待我的网站...

这是我的代码...

<div class="promos">
<div class="container">
    <a href="https://twitter.com/RobertAndrews" class="twitter-follow-button" data-show-count="false" data-size="large" data-dnt="true">Follow @RobertAndrews</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>
    <a href="http://uk.linkedin.com/in/robertandrews"><img src="http://www.linkedin.com/img/webpromo/btn_viewmy_160x33.png" width="160" height="33" border="0" alt="View Robert Andrews's profile on LinkedIn"></a>
</div>

谢谢

【问题讨论】:

标签: css button stylesheet


【解决方案1】:

这样

DEMO

 a{
        vertical-align:middle;
    }

【讨论】:

  • 不应用垂直对齐:中间;它看起来不错。
  • @C-Link give your answer can't give answer in this comment ok
【解决方案2】:

你可以试试这个

 .twitter-follow-button{
         vertical-align:top;
    }

http://jsfiddle.net/kPPHB/

你也应该关闭你的图片标签

<img src='' />

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-07-23
    • 2013-09-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-17
    • 2013-03-07
    相关资源
    最近更新 更多