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 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 回答
0

使 div 环绕，第一个具有宽度：100% 和位置：绝对。所有跨度内部和周围的 secvomd 具有宽度：300px（或根据需要和边距：10px 自动；10px 是顶部和底部自动用于左右。您也可以尝试边距：10px 自动 20px 自动；并查看怎么了

于 2013-02-22T05:39:13.597 回答