一个CSS垂直居中的问题

Question

父元素的高度不知道子元素是一个类型为 a 的元素样式大概是这个样子这样子的话要怎么居中呢？谢谢大家的解答啦～

Answer 1

提供两种方法参考
flex：

parent {

    display: flex;

    justify-content: center;

    align-items: center;

    align-content: center;

    display: -webkit-box;

    -webkit-box-pack: center;

    -webkit-box-align: center;

}

transform:

a{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}