0

かなり前からブログに ShareThis プラグインをインストールしてきましたが、「共有アイコン」がすべてインラインで表示されているわけではないことに気付きました。

padding-bottom と margin-bottom を使用してみましたが、期待どおりの結果が得られませんでした。

私が間違っていることに光を当てることができる人はいますか？

よろしくお願いいたします。

ジャック

ウェブサイト: http://mycountry.cc/

コードスニペット：

<div style= "display: inline; float: left; padding-left: 4px; padding-bottom: 4px;">
<span st_url='{Permalink}' st_title='{Title}' class='st_fblike' displayText='Facebook     Like'></span>
<span st_url='{Permalink}' st_title='{Title}' class='st_twitter' </span>
<span st_url='{Permalink}' st_title='{Title}' class='st_email'></span>
</div>

プレビュー ウィンドウでは、アイコンはインラインのままであることに注意してください。非常に奇妙な。

画像にリンク！

よろしくお願いします！

4

2 に答える 2

0

この方法を使用して問題を解決することになりました: ShareThisアイコンの垂直方向の配置

プレビュー パネルで奇妙に表示されますが、機能しています。

私の次の問題は、disqus コメントの配置です。私は text-align: right と padding を無駄にしようとしました。また、事前に列全体を横切る行を失ったようです...以下の画像とコードを参照してください。

    <div style="padding-bottom:1px; display: inline-block;">
    <span style="vertical-align: top;"st_url='{Permalink}' st_title='{Title}' class='st_fblike' displayText='Facebook Like'></span>
    <span style="vertical-align: top;" st_url='{Permalink}' st_title='{Title}' class='st_twitter'> </span>
    <span style="vertical-align: top;"st_url='{Permalink}' st_title='{Title}' class='st_email'></span>    

     {block:IfDisqusShortname}<div style= "display: inline-block; vertical-align: top;"><a href="{Permalink}#disqus_thread" class="comments">{lang:View comments}</a></div>{/block:IfDisqusShortname}
     {/block:Date}

画像にリンク！

于 2013-05-04T08:08:37.480 に答える