Question

尝试将这些按钮并排（页面顶部http://whitewashed.richiesiegel.com/），但它无法正常工作。浮动/文本对齐的东西搞砸了，但我不知道如何改变它。

HTML

<div id="icons">
        <ul>
        <li><div class="twitter">
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="Seersucker_Mag">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>
        </div></li>

        <li><div class="fb-share-button" data-href="http://whitewashed.richiesiegel.com" data-type="button_count"></div>
        </li>
    </div>

CSS

#icons {
    max-width: 100px;
    float: right;
    top:10px;
    position: fixed;
    display: inline-block;
    margin: auto;
    text-align: none;
}

#icons ul {
    text-decoration: none;
    list-style: none;
    display: inline-block;
}

#icons li {
display: inline-block;
}

.twitter {
    opacity:0.3;
    text-align: none;
}

Answer 1

position: fixed和float:right？选择一个或另一个。如果删除position: fixed，则可以使用。或者，如果您想要修复此问题，请使用right:0并移除max-width。

#icons {
    right:0;
    top:10px;
    position: fixed;
    display: inline-block;
    margin: auto;
    text-align: none;
}

http://jsfiddle.net/BzjHy/

或者我想你可以正确地浮动ul。

我怎样才能在右上角并排显示这些按钮？

1 个答案: