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>​

このコードはセルの最後に 2 つのボタンを配置しますが、そのうちの 1 つは上にあり、もう 1 つは下にあります。

これに変更すると、ボタンは同じ行にありますが、ボタンは 3 行目の先頭に配置されます。しかし、3行目の最後に表示する必要があります。どうすればこれを修正できますか?

<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;」に更新しました。結果は次のとおりです。 セルの結果

4

1 に答える 1

2

クラスにfloat:right;スタイルを追加してみてください。addthis_toolbox

このフィドルは、このスタイルを適用すると何が達成されるかを示しています。

編集

AddThisウィジェットを使用していたので、同じウィジェットを使用するようにフィドルを更新し、次の CSS スタイルの変更を追加しました。

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