CSS網頁寬度，導航欄居中和窗口小部件包裹居中

Question

我是相當新的CSS。正如你所看到的，我的網頁目前在我的內容的左側和右側有很多空間，使我的導航欄非常長。我希望在不影響我的主題在移動設備或平板電腦上的響應速度的情況下減小範圍。

我還想將社交媒體圖標/小部件居中置於我的徽標下方的頂部，並將鏈接居中放在我的導航欄中。

網站在這裏：

http://aspectcopywriting.co.uk/

誰能幫助？

謝謝

Answer 1

好吧，這很容易。您只需選擇div即可包裝社交媒體圖標，並使用值爲center的屬性text-align。像這樣：

.widget_catchresponsive_social_icons { 
    text-align: center; 
} 

一切都應該以現在爲中心！ 對於一些更多的參考檢查MDN：

Answer 2

儘管Emily的答案中的CSS確實有效，但它不是中心div的正確方法。據W3C你應該保存你希望中心的社會圖標和導航選項卡中的元素上使用寬度和利潤，如下所示：

.social_container{ 
    width: 225px; 
    margin: 0 auto; 
} 

.nav_links_container{ 
    width: 605px; 
    margin: 0 auto; 
} 

這將圍繞它們的父元素中的項目。