flexbox 水平居中和垂直居中

水平居中 .box{ display: flex; justify-content: center; width: 100%; }

垂直居中 .box{ display: flex; width: 980px; height: 30rem; align-items:center; }