我有这样一个表:
<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 ">
编辑:这是addthis的脚本: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:我更新为“display: inline; float:right;”。结果是这样的:
最佳答案
尝试在 addthis_toolbox
类中添加 float:right;
样式。
这个fiddle显示了应用这种风格所实现的效果。
编辑
由于您使用 AddThis小部件我更新了 fiddle使用相同的小部件并添加以下 CSS 样式更改:
.addthis_toolbox {
float: right;
width: 50px;
}
关于html - Addthis 代码的 div 内联标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11906877/