不知道宽度水平垂直居中显示

水平垂直居中的方法

一、不知道宽度水平垂直居中显示

   position:absolute
   top: 50%
   left: 50%
   transform:translate(-50%,-50%)

 

1、将div设置为绝对定位，并位于窗口的top：50%；left：50%

2、translate左、上分别移动-50%，此处是相对于div本身的宽、高进行移动的

 

二、flex设置水平垂直居中

display:flex
align-items:center
justify-content:center