设置了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%);        }