高度未知的情况下，实现文字竖直居中

高度未知的情况下，实现文字竖直居中

我们有时候能遇到父元素高度未知的情况下，要里面的文字竖直居中对齐。line-height:100%是不行的，那么如何做呢，下面就用弹性布局的方法解决一下。

1. 首先要创建弹性盒子。display:flex;
2. 然后选择垂直轴。flex-direction:column;
3. 让元素居中。justify-content:center;