是否设置文本(链接)中心相对于其背景图像的垂直对齐方式？

Question

使用css，我给了一个链接一个背景颜色，并设置了一些高度和宽度。使用"text- align : center“属性，文本(链接)水平居中对齐，但如何相对于其背景颜色垂直居中对齐。它卡在盒子的顶部。

Answer 1

将line-height设置为height它会自动将text of a标签居中。

Answer 2

在div中添加一些行高

 div
 {
   height: 20px;
   line-height: 20px;
   vertical-align: middle;
 }

或者您可以使用display :table-cell

div {
   display: table-cell;
   vertical-align:middle;
   text-align: center;
  }