Html CSS网页宽度、导航栏居中和；小部件包裹定心

我对CSS相当陌生。如您所见，我的网页目前在内容的左右两侧都有很大的空间，这使得我的导航栏非常长。我想将其设置为较宽，而不影响我的主题在手机或平板电脑上的响应速度

我还想将社交媒体图标/小部件放在我的徽标下方顶部的中心位置，并将导航栏中的链接放在中心位置

网址：

有人能帮忙吗

---

谢谢，这很简单。您只需选择将社交媒体图标包装起来的

div

，然后使用属性

text align

和value

居中。像这样：

.widget_catchresponsive_social_icons {
    text-align: center;
}

现在一切都应该集中起来！
有关更多参考信息，请登录：
嗯，这非常简单。您只需选择将社交媒体图标包装起来的
div
，然后使用属性
text align
和value
居中。像这样：

.widget_catchresponsive_social_icons {
    text-align: center;
}

现在一切都应该集中起来！
有关更多参考信息，请登录：
虽然Emily答案中的CSS有效，但将div居中不是正确的方法。根据需要，您应该在包含您希望居中的社交图标和导航选项卡的元素上使用宽度和边距，如下所示：

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

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

这将使这些项目位于其父元素的中心
 虽然Emily答案中的CSS确实有效，但它不是将div居中的正确方法。根据建议，您应该在包含您希望居中的社交图标和导航选项卡的元素上使用宽度和边距，如下所示：

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

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

这将使这些项目位于其父元素的中心