背景图片定位,水平居中和垂直居中 如何让背景图片水平居中和垂直居中?

一般情况下,我们会把图片作为背景插入到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,结束了!

赞(0) 打赏
未经允许不得转载:版权所有@七娃设计室七娃博客 » 背景图片定位,水平居中和垂直居中
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

七娃设计,让设计贴近生活

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏