CSS Flex布局设置解决元素居中的问题

本人不是专业前端，但项目中遇到了元素居中的问题，最后使用了Flex布局的如下设置解决了。

   .box-card {
            display: flex;
            align-items: center;
            justify-content: center;
  }

更多关于Flex布局的教程可以去看看阮一峰的网络日志：

Flex 布局教程：语法篇

Flex 布局教程：实例篇