Question

您好，我有以下社交媒体栏代码：

<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>

我希望这些社交栏有适当的空间和水平对齐。这些条应位于我窗口的中心。

有人可以帮助我吗？

Answer 1

制作divs arround，第一个有宽度：100％，位置：绝对。 secvomd inside和arround all spans的宽度为：300px（或者需要多少和余量：10px auto; 10px是顶部和底部自动是左右两种。你也可以试试margin：10px auto 20px auto;并且看看会发生什么

Answer 2

你必须为它添加一个包装器。假设您应该：

<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;
}

HTML中心小组件

2 个答案: