Question

我试图将Twitter共享和Facebook共享的按钮与其它布局设计相匹配, 但我无法找到如何做到这一点。我的主题是 Tumblr 的 Eames 主题。我想让它们相互间距, 中心对齐。感谢您的帮助!

www.alysonk.com www.alysonk.com www.alysonk.com www.alysonk.com www.alysonk.com www.www.alysonk.com www.un.org www.www.alysonk.com www.com www.alysonk.com www.www.un.org www.alysonk.com www.www.www.alysonk.com www.com www.www.un.www.www.www.alysonk.com www.www.www.alysonk.com www.www.www.www.alysonk.com www.com www.www.alysonk.com www.com www.www.www.www.alysonk.com www.com www.www.www. www.www.www.www.www.www.www.www. www. www. www. www.www. www. wwwysonnsonnsonk.com www.com www. www.www. www. www. www. www. www. www. www. www. www. www

这是我的编码。

<a href="https://twitter.com/share" class="twitter-share-button" data-url="{Permalink}" data-text="      {PhotoAlt}" data-via="alysonkdotcom">Tweet</a>
<script>
    !function(d,s,id){
        var js,fjs=d.getElementsByTagName(s)[0];
        if(!d.getElementById(id)){
            js=d.createElement(s);
            js.id=id;
            js.src="//platform.twitter.com/widgets.js";
            fjs.parentNode.insertBefore(js,fjs);
        }
    }(document,"script","twitter-wjs");
</script>
<fb:like send="false" layout="button_count" width="450" show_faces="false" font="verdana"></fb:like>

Answer 1

我不知道你们到底在要求什么,但一般情况下,你们可以用这样的东西:http://jsfiddle.net/k2cks/

对于那些在寻找答案时却不至于去玩杂耍的人来说:

<div style="text-align:center;">
    <a href="#">Tweet</a> <a href="#">Like</a>
</div>

基本上, 在它周围放一个 div, 并用 < code> text- align: center; 使文本与中心对齐。这是您想要的吗? 您能澄清吗?

Edit: 又一个具有类似你需要的范例的jsfidle: http://jsfiddle.net/k2cks/1/ ,你可能还必须使元素 display:inline; 上同样行。

Answer 2

你可以:

在链接周围放置 div 并给链接一个 display: inline; 样式,

<div style="text-align:center;">
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="{Permalink}" data-text="      {PhotoAlt}" data-via="alysonkdotcom">Tweet</a>
    <script>
        !function(d,s,id){
            var js,fjs=d.getElementsByTagName(s)[0];
            if(!d.getElementById(id)){
            js=d.createElement(s);
            js.id=id;
            js.src="//platform.twitter.com/widgets.js";
            fjs.parentNode.insertBefore(js,fjs);
        }
        }(document,"script","twitter-wjs");
    </script>
    <fb:like send="false" layout="button_count" width="450" show_faces="false" font="verdana"></fb:like>
</div>

或

(更复杂和环绕,但可能有用)

尝试将它们置于 div 标签内, 并给它一个写有 margin: 0 自动自动; width: INSERT WIDTH here; 并用 float:left; 将 div内部的链接与 float:left; 进行样式。

您也可以让 < code> div 以反光颜色显示, 使其更具有视觉帮助。然后您可以稍后脱下它。

<div style="margin:0 auto 0 auto; width:INSERT WIDTH HERE;">
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="{Permalink}" data-text="      {PhotoAlt}" data-via="alysonkdotcom" style="float:left;">Tweet</a>
    <script>
        !function(d,s,id){
            var js,fjs=d.getElementsByTagName(s)[0];
            if(!d.getElementById(id)){
            js=d.createElement(s);
            js.id=id;
            js.src="//platform.twitter.com/widgets.js";
            fjs.parentNode.insertBefore(js,fjs);
        }
        }(document,"script","twitter-wjs");
    </script>
    <fb:like send="false" layout="button_count" width="450" show_faces="false" font="verdana" style="float:left;"></fb:like>
</div>

ANSWER UPDATE: I think that it might be tubmlr s issue with styling... You may not be able to fix it... you could also try and give each of these elements a relative position and move them around until it works.

Answer 3

它非常简单地将您的代码置于 div 标签中的 align="center"

<div align="center">

"Your code mentioned above"

</div>

您可以访问 < a href=> "http://murreepakisstan.tumblr.com" rel = "no follow" "no follow" "no follow" > my tumbler 来查看在对齐中心添加此内容。

友情链接