一个CSS属性开启垂直居中布局

在开发过程中，垂直居中布局常常是一个需要解决的问题。以往，网上存在很多实现垂直居中布局的方法，但往往代码量较大。如今，我们发现了一种新的方法，仅需一行代码即可实现垂直居中布局。

Demo 示例：

<div style="align-content: center; height: 300px; text-align: center">
       <div>align-content: center</div>
</div>

关键代码：

align-content: center;

更多关于此属性的用法可参考这里。

版本支持