2

我有这样一张桌子：

<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：我更新为“显示：内联；浮动：右；”。结果是这样的： 细胞结果

4

1 回答 1

2

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

这个小提琴展示了应用这种风格所取得的成就。

编辑

由于您使用的是AddThis小部件，因此我更新了小提琴以使用相同的小部件并添加了以下 CSS 样式更改：

.addthis_toolbox {
    float: right;
    width: 50px;
}
于 2012-08-10T18:05:40.690 回答