使用边距在页面上水平居中元素

只要元素是一个块，并且它具有明确设置的宽度值，就可以使用边距水平地居中页面上的块元素。

我们添加一个低于窗口宽度的宽度值和 margin 的 auto 属性然后将剩余空间分配到左侧和右侧：

#myDiv {
 width:80%;
 margin:0 auto;
}

在上面的例子中，我们使用简写 margin 声明来首先将 0 设置为顶部和底部边距值（尽管这可以是任何值），然后我们使用 auto 让浏览器自动将空间分配给左右边距值。

在上面的示例中，#myDiv 元素设置为 80％宽度，留下使用 20％剩余。浏览器将此值分配给剩余的边，因此：

（100％ - 80％）/ 2 = 10％