css - 显示:表格单元格困惑

包装div元素中有一组28个链接。每个字母都是字母，再加上数字的＃号和一个说“ all”的字母。每个都向左浮动。我希望文本水平和垂直居中。在下面的代码中，我将其水平居中，但vertical-align：middle似乎没有任何作用，因为您可以在具有display：table-cell的元素上使用它。有人有想法么？

a {
  float: left;
  position: relative;
  display: table-cell;
  width: 30px;
  height: 30px;
  margin: 0 4px 4px 0;
  @include border-radius(4px);
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  @include blue-gradient;

  &:nth-of-type(14n) {
    margin-right: 0;
  }

  &:hover {
    top: -1px;
  }
}

亲切的问候，
尼尔

最佳答案

您可以使用：

line-height: 30px;

关于css - 显示:表格单元格困惑，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11253260/