如何在给定示例中居中网站？

Question

实际上，相当基本的问题似乎无法在搜索中找到它，如果它已经存在，那么道歉。

这个响应式网站内容如何集中？ http://www.aartirestaurant.com/

我在身体边缘看，但看不到任何东西。

提前致谢。

Answer 1

此网站上body标记下的每个子元素在其CSS类中都有以下内容：

margin: 2em auto 0;

auto值告诉浏览器自动渲染左右边距。这会在元素的两边设置相同的边距，并且元素居中。

Answer 2

徽标和内容的保证金有保证金：自动财产，使这些div放在中心位置。 ：）

Answer 3

它只是将div的水平边距设置为'auto'

Answer 4

对于主div添加样式：

width:1000px; // give a width
margin:auto;

Answer 5

给定的网站分别具有导航，内容和徽标ID。  在那，你应该看到一个属性   保证金：2em自动0; margin 0 auto用于居中页面

Answer 6

在给定的例子中，id＆＃34; navi＆＃34;和内容给出以下边距：

#navi {
    margin: 2em auto 0;
}

和

#content {
    margin: 2em auto 0;
}

此auto值表示浏览器将计算将块居中所需的值。 扩展的保证金属性如下所示：

margin-top: 2em;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;