设置文本（链接）中心相对于其背景图像的垂直对齐方式？

Question

使用css，我为链接提供了背景颜色并设置了一些高度和宽度。 使用“text-align：center”属性，文本（链接）水平对齐，但如何将其垂直居中对齐其背景颜色。它卡在盒子的顶部。

Answer 1

设置line-height等于height它将自动居中text 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;
  }