HTML控件中心

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％和位置：絕對。內部和周圍所有跨度的切片的寬度爲：300像素（或者需要和邊距：10像素自動; 10像素爲頂部和底部自動爲左和右，也可以嘗試邊距：10像素自動20像素自動;並參見會發生什麼

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