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

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

水平居中顶部对齐：

水平居中垂直居中：

GG，结束了！