使用flex實現水平垂直居中

在css中，可使用如下代碼實現水平垂直居中。

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