高度不定的情况下，让文字水平居中

Question

高度是100%且根据内容高度有变化，里面的文字必须垂子居中；类似：
目前用定位实现的，不知道有没有什么好办法

<a href='#'><span>居中</span></a>
a{
      text-align: center;
      width: 200px;
      height: 100%;
}

Answer 1

display: -webkit-box;
-webkit-box-pack: center;
box-pack: center;
-webkit-box-align: center;
box-align: center;

Answer 2

第一种方法：display: flex; justify-content: center; align-items: center;
第二种方法：display: table-cell; text-align: center; vertical-align: middle;