一般情况下，我们会把图片作为背景插入到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，结束了！
如果觉得《背景图片定位 水平居中和垂直居中》对你有帮助，请点赞、收藏，并留下你的观点哦！
