Align Twitter，FB Share，LinkedIn按鈕

我看過不同的選項，用於將FB共享按鈕與其他社交媒體按鈕進行對齊，但沒有一個適合我。我只有幾個像素。有任何想法嗎？Align Twitter，FB Share，LinkedIn按鈕

<div style="float:left; vertical-align:top"> 

<a class="twitter-share-button" href="https://twitter.com/share" data-url="{my url}" data-text="{text}" data-count="none" data-hashtags="{hashtag}" data-dnt="true">Tweet</a> 

</div> 

<div style="float:left; padding: 0 0 0 5px; vertical-align:top"> 

<div class="fb-share-button" data-href="{my url}" data-layout="button"></div> 

</div> 

<div style="float:left; padding: 0 5px; vertical-align:top"> 

<script type="IN/Share" data-url="{my url}"></script> 

</div>

！社會化媒體對準1

來源

2014-09-12 m00nbeam360

你會做一個小提琴嗎？會更容易幫助你解決你的問題。 – 2014-09-12 23:00:06

當然！我怎麼做？ – m00nbeam360 2014-09-12 23:00:31

那麼，最簡單的方法 - 轉到[jsfiddle]（http://jsfiddle.net/）並重新創建您的問題，最好的方法是隻包含與您的問題相關的代碼部分。 – 2014-09-12 23:03:00

您.fb_iframe_widget類更改此

.fb_iframe_widget { 
    display: inline-flex; /* changed line */ 
    position: relative; 
}

來源

2014-09-12 23:39:06

這是完美的，正是我所期待的。你搖滾！ – m00nbeam360 2014-09-12 23:43:33

我必須添加'！important'以使其正常工作，例如：'display：inline-flex！important;' – koanima 2014-09-18 16:30:06

Facebook的按鈕還是一個像素的錯位。只需將其添加到上面的css類：

top：-1px;

P.S .:想將此添加爲評論，但我不能，因爲沒有足夠的「聲譽」點。

來源

2014-10-11 10:32:39

Align Twitter，FB Share，LinkedIn按鈕

回答

相關問題