Flexbox 中间对齐

Flexbox 弹性布局是我最喜欢的居中页面元素的方式。

我们可以声明一个容器元素，并设置容器元素的外观：flexible； justify-content:center，这样容器元素中的子元素就会水平居中显示。

<!--HTML-->
<div class="wrapper">
  ...
</div>

.wrapper {
  display: flex;
  justify-content: center;
}

在ui-element框架中也有类似的设置水平中心的方法，例如：

<el-row type="flex" justify="center">

</el-row>

其他 UI 框架也有类似的设置。