使用flex布局使内部元素上下左右居中

使上下左右居中

.box {
  height: 60px;
  display: flex;
  /*左右居中*/
  justify-content: center;
  /*上下居中*/
  align-items: center;
  background-color: #F7F5D3;
}