2012-08-10 40 views
1

格联标记我有这样一个表: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

+0

请添加与之相关联的CSS您在上面的HTML中包含的类。这样我们就可以看到CSS添加了什么行为。 – 2012-08-10 17:59:55

+0

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

+0

尝试仅包含在上面的HTML中使用的CSS。如果上面的HTML代表您在页面中处理的内容,请更新它。你也可以提供一个链接到一个URL,我们可以看到工作的HTML如果你喜欢。否则,很难帮助你。 – 2012-08-10 19:32:09

回答

2

尝试在addthis_toolbox类中添加float:right;样式。

这个fiddle显示了应用这种风格完成。


编辑

由于您使用的AddThis控件我更新了fiddle使用相同的部件,并添加以下CSS样式变化:

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