無法獲得共享按鈕對齊！

我試圖對齊分享，像水平tweet按鈕，但我無法獲得正確的分享按鈕。我嘗試添加垂直對齊頂部，更改高度並顯示：內聯，但它總是保持低於其他的10px。我應該怎麼做才能讓他們全部一致？無法獲得共享按鈕對齊！

<div style='vertical-align: top;'> 

<a expr:share_url='data:post.url' name='fb_share'/> 

<a class='twitter-share-button' data-count='horizontal' data-lang='es' data-related=':' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/> 

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:110px; height:20px;'/> 
</div> 


<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'> 
</script> 

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'> 
</script>

感謝

來源

2011-01-21 lisovaccaro

不是個別造型這些元素更簡單的方法，就是三明治裏面他們的標籤<li> - 讓您輕鬆定位父<ul>，也float的<li>標籤（創造了「內聯」的效果你了。）

jsFiddle不喜歡facebook API，所以我用了3個twitter按鈕;代碼如下：

<ul class="social_network"> 
    <li> 
     <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="">Tweet</a> 
    </li> 

    <li> 
     <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="">Tweet</a> 
    </li> 

    <li> 
     <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="">Tweet</a> 
    </li> 
</ul>

一些非常簡單的CSS（包括細微的輪廓，所以你可以看到<li>元素的邊界：

.social_network { 
    position : relative; 
    list-style-type : none; 
} 
.social_network li { 
    float : left; 
    border : 1px solid rgba(0,0,0,.1); 
    padding : 6px; 
    margin : 2px; 
}

您可以在這裏找到上面的例子： http://jsfiddle.net/kgFaW/

這應該會讓您朝正確的方向發展。如果您遇到與Facebook API有關的任何問題，請告知我。

來源

2011-01-22 01:55:07 jlmakes

做顯示：內聯你可以用每個控制到列表如下：

<ul><li> 
<a class=....../> 
</li> <li> <a expr....../> </li></ul>

此外，添加：列表樣式類型：無; 爲了讓你的控件堅持在屏幕的右側，做：位置：絕對; right：0;

來源

2011-01-21 23:51:03 user194076

無法獲得共享按鈕對齊！

回答

相關問題