Addthis個代碼

格聯標記我有這樣一個表：Addthis個代碼

<table> 
    <tr> 
     <td> 
      My text which consists of three lines. 
      Where I write some tips tricks and some news. 
      Which is important. 
      <div style="display: inline-block" class="addthis_toolbox addthis_default_style "> 
       <a class="addthis_button_preferred_1"></a> 
       <a class="addthis_button_preferred_2"></a> 
      </div> 
     <td> 
    </tr> 
</table>

這段代碼放在兩個按鈕單元的結束，但其中一人是在上和其他人下來。

如果我更改爲此，按鈕位於同一行，但按鈕放在第三行的開頭。但我需要它出現在第三行的末尾。我怎樣才能解決這個問題？

<div style="display: inline" class="addthis_toolbox addthis_default_style ">

編輯：這是前頁的腳本：http://s7.addthis.com/js/250/addthis_widget.js
它包括這個CSS：http://s7.addthis.com/static/r07/counter002.css
CSS有以下代碼中：

.addthis_default_style .addthis_counter { 
    display:block; 
    float:left; 
}

EDIT2：我更新爲「顯示： inline; float：right;「。結果是： result of cell

來源

2012-08-10 trante

請添加與之相關聯的CSS您在上面的HTML中包含的類。這樣我們就可以看到CSS添加了什麼行爲。 – 2012-08-10 17:59:55

@ juan.facorro更新了問題。 – trante 2012-08-10 18:49:31

嘗試僅包含在上面的HTML中使用的CSS。如果上面的HTML代表您在頁面中處理的內容，請更新它。你也可以提供一個鏈接到一個URL，我們可以看到工作的HTML如果你喜歡。否則，很難幫助你。 – 2012-08-10 19:32:09

嘗試在addthis_toolbox類中添加float:right;樣式。

這個fiddle顯示了應用這種風格完成。

編輯

由於您使用的AddThis控件我更新了fiddle使用相同的部件，並添加以下CSS樣式變化：

.addthis_toolbox { 
    float: right; 
    width: 50px; 
}

來源

2012-08-10 18:05:40

回答

相關問題