内容垂直居中

方法一：

采用上下 padding 形式，将内容放置在垂直居中

.line {
    padding: 2% 0;
    text-align: center;
    height: 5px;
}

<div class="line">
  内容垂直居中
</div>

方法二：

采用高度与行高一直，保证内容只有一行，内容自然垂直居中

.line {
    text-align: center;
    height: 5px;
    line-height: 5px;
}

<div class="line">
  内容垂直居中
</div>

来源：https://my.oschina.net/9Discount/blog/3094344