一般情况下，我们会把图片作为背景插入到background里面，由于背景图片是固定的，而我们的使用的主流显示器的分辨率有：1920*1080,1440*1136,1280*720...等等尤其手机端，会更加乱，那为了达到与设计稿完美的契合，我们就有必要把这个背景图片做水平的居中，有的时间也需要垂直居中。

废话不多说，先放核心css代码：

水平居中顶部对齐：

background-position:center top;
//或者直接在background里面，如下
background: url(...) no-repeat center top;

水平居中垂直居中：

background-position:center center;//第一个center是水平居中，第二个center是上下居中

GG，结束了！