锚标签内的垂直居中[重复]

【问题标题】：Vertical centering inside an anchor tag [duplicate]锚标签内的垂直居中[重复]
【发布时间】：2017-06-06 16:13:06
【问题描述】：

如何让文本“不要点击我”垂直居中：

<a href="#" style="background-color:red; display:inline-block; height:100px;">Don’t click me</a>

【问题讨论】：

jsfiddle.net/r1t99rfz/5 -- 我会使用表格并将其居中，这是在vanseodesign.com/css/vertical-centering 上检查的好网站

【解决方案1】：

.anchor {
  background-color:red;
  display:inline-block;
  line-height: 100px;
  height: 100px;
}

将line-height 设置为与height 相同的值

【讨论】：