将链接放置在div内部（水平/垂直）

Question

我需要在div内垂直和水平居中链接。

我的CSS：

    .div {
       display:block;
       background:red;
       width:162px;
       height:168px;
    }
    .span { }
    .link { }

我的HTML：

    <div class="div">
       <span class="span">
          <a href="#" class="link"> Text in middle </a>
       </span>
    </div>

链接：http://jsfiddle.net/pjWUC/

Answer 1

根据您示例中的编码，使用：

Updated jsFiddle example - a元素垂直和水平居中。

.div {
    display:table;
    background:red;
    width:162px;
    height:168px;
}
.span {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

Answer 2

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

不幸的是，显示：IE根据this不支持table-cell。