CSS 使用边距将页面上的元素水平居中

示例

只要该元素是一个block，并且它具有显式设置的width值，边距就可以用于将block元素水平放置在页面的中央。

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

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

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

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

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