css实现背景图片全屏和块元素的水平垂直居中

css实现背景图片全屏

      width:100%;
      min-height: 100vh;
      position: absolute;
      top: 0;
      left: 0;
      background: url(../assets/images/login_bg.jpg) no-repeat center/cover;

css实现块元素水平垂直居中

弹性布局 在父元素设置

  display:flex;/*将其定义为弹性容器*/
  align-items: center;/*垂直居中对齐*/
  justify-content: center;/*水平居中对齐*/

 

posted @ 2020-05-18 16:38  sunRise113  阅读(341)  评论(0)  编辑  收藏  举报