添加此代码的div内联标记

时间:2012-08-10 17:57:42

标签: html css html-table 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 ">

修改:这是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;”。结果如下: result of cell

1 个答案:

答案 0 :(得分:2)

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

fiddle显示应用此样式的内容。


修改

由于您使用的是AddThis窗口小部件,我更新了fiddle以使用相同的窗口小部件并添加了以下CSS样式更改:

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