0

次のコードを使用して、つぶやきボタンをサイトに動的に追加し、ajax で適切に読み込まれるようにしています。

var socialHTML = '<a href="https://twitter.com/share" class="twitter-share-button" data-via="itsYOURDATA" data-url="'+$(location).attr("href")+'" data-text="'+title+'">Tweet</a>';

twttr.widgets.load();

それは完全にうまく機能し、本来あるべき場所にiFrameをほとんど作成します。唯一の問題は、生成されたコードで iFrame の幅が 107px と指定されていることです。うまく整列しないので、これを少し小さくしたいと思います。助言がありますか？

CSSでクラスの幅を設定しようとしましたが、インラインで指定されているため、かかりません。

4

1 に答える 1

2

私は実際にこれに対する答えを見つけました。

CSS で max-width プロパティを使用しました。

.twitter-share-button {
   max-width:90px;
}

しかし、その後、ツイートが数万に達すると、これは短すぎることに気付きました (これはあまり期待していませんが、誰にもわかりません)。そこで、ボタンの順序を変更し、Twitter ボタンを最後に残すことにしました。

于 2013-06-06T00:22:11.513 に答える