0

ラッパー div 要素に 28 個のリンクのセットがあります。それぞれがアルファベットの文字に数字の # を加えたもので、1 つは「すべて」を意味します。それぞれ左に浮いています。テキストを水平方向と垂直方向の中央に配置したい。以下のコードでは、水平方向に中央揃えにしていますが、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;
  }
}

よろしく、 ニール

4

2 に答える 2

1

あなたが使用することができます：

line-height: 30px;
于 2012-06-28T21:44:42.510 に答える
0

line-height プロパティを使用して垂直方向に中央揃えします。vertical-align は他のプロパティと競合し、ブラウザはそれを無視するため、めったに機能しないことがわかりました。

于 2012-06-28T21:46:58.980 に答える