设置了text-align: center; 为什么还是没居中，一定要与vertical-align

Answer 1

单行文本的垂直居中可以采用高度和行高相等的写法：

height: 30px;

line-height: 30px;

或者直接的文本垂直居中方案：

verticle-align: middle;

或者绝对布局和相对布局的方案：

.parent{

            position: relative;

            height: 200px;

        }

        .child{

            position: absolute;

            top: 50%;

            transform: translateY(-50%);

        }

或者 flex 布局：

.parent{

            position: relative;

            height: 200px;

        }

        .child{

            position: absolute;

            top: 50%;

            transform: translateY(-50%);

        }