垂直居中的新颖方式

直到最近，Flexbox 布局还是几种可能的扭曲方法中最直接的方法，用于在 中垂直对齐文本或子元素div：

文本或子元素在flex父元素内很好地垂直居中：

布局没有问题flex，性能当然也没有问题，只是现在有了一个新的、更简洁的 CSS 属性。

垂直对齐元素内容的最佳方法

由于最近不再是两个属性，display: flex; align-items: center;只需一个 CSS 属性就足以垂直对齐文本或子元素：align-content: center;

CSS 属性align-content并不新鲜，但直到最近，如果没有flex.现在它可以在块元素中使用。

align-content您可以在我的示例网页https://alignvertically.onrender.com/上看到如何完美地工作