0

私のサイトでは、ShareThis のソーシャル共有ボタンを使用しています。Facebook の「いいね」ボタンの配置に問題があります。スクリーンショットを参照してください。

ここに画像の説明を入力

インクライン CSS の構文について、Facebook のライン ボタンを整列またはパディングして、他のボタンと垂直方向に整列させるのに役立つ方向性を教えてください。追加するなど、これを行うさまざまな組み合わせを試しましたstyle="padding-bottom:25px"

これは、ShareThis が提供する HTML コードです。

<span class='st_facebook_large' displayText='Facebook'></span>
<span class='st_twitter_large' displayText='Tweet'></span>
<span class='st_linkedin_large' displayText='LinkedIn'></span>
<span class='st_googleplus_large' displayText='Google +'></span>
<span class='st_email_large' displayText='Email'></span>
<span class='st_sharethis_large' displayText='ShareThis'></span>
<span class='st_fblike_large' displayText='Facebook Like'></span>
<span class='st_plusone_large' displayText='Google +1'></span>

これらの行をファイルの最後に追加しました

<script type="text/javascript">var switchTo5x=false;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-22cc647b-2be-2114-fe32-8c2f8b9ab95e", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
4

3 に答える 3

2

すべてのスパンの最大高さは最大で 32px であるため、これをスタイルシートに追加する必要があります

span {display:inline-block; height:32px; line-height:32px;}

例

上記のようにスパンタグをスタイリングするのではなく、すべてのスパンにクラスを与えてからスタイルを設定するのがおそらく最善であることに注意してください

于 2013-07-24T09:01:36.737 に答える
0

以下のコードを fb スパンに配置します。

style="display: inline-block; height: 32px; line-height: 32px; vertical-align: top;"
于 2013-07-24T08:36:59.877 に答える
0

以下のコードについては、フィドルを参照してください。テキストを画像に置き換えるだけです。

<div style="float:left;">  

<span style="display:inline;"></span>                               
<span style="display:inline; "></span>                                    

</div>

ここでjsフィドルを参照してください

于 2013-07-24T08:54:26.040 に答える