0

こんにちは私はソーシャルメディアバーの次のコードを持っています：

<span class='st_sharethis_hcount' displayText='ShareThis'></span>
<span class='st_facebook_hcount' displayText='Facebook'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_linkedin_hcount' displayText='LinkedIn'></span>
<span class='st_pinterest_hcount' displayText='Pinterest'></span>
<span class='st_email_hcount' displayText='Email'></span>

これらのソーシャルバーに適切なスペースと水平方向の配置が必要です。これらのバーは、ウィンドウの中央に配置する必要があります。

誰かがここで私を助けてくれますか？

4

2 に答える 2

0

最初のdivは幅:100%、位置:絶対です。すべてのスパンの内側と周囲の secvomd には width:300px (または必要に応じて margin:10px auto; 10px は上下 auto は左右用です。 margin:10px auto 20px auto を試すこともできます。何が起こるのですか

于 2013-02-22T05:39:13.597 に答える
0

それにラッパーを追加する必要があります。あなたが持っているべきだとしましょう：

<div id="social-bar">
   <span class='st_sharethis_hcount' displayText='ShareThis'></span>
   <span class='st_facebook_hcount' displayText='Facebook'></span>
   <span class='st_twitter_hcount' displayText='Tweet'></span>
   <span class='st_linkedin_hcount' displayText='LinkedIn'></span>
   <span class='st_pinterest_hcount' displayText='Pinterest'></span>
   <span class='st_email_hcount' displayText='Email'></span>
</div>

そこから、次のような CSS スタイルを作成できます。

#social-bar {
   width: 960px;
   margin: 0 auto;
   text-align: center; /* to enforce its child elements to the center */
}

#social-bar span {
   padding-right: 20px;
}
于 2013-02-22T05:51:14.053 に答える