Html 在DIV内部放置链接（水平/垂直）

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

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

我的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>

---

链接：

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

-

元素垂直和水平居中

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

很遗憾，显示：IE不支持表格单元格。根据。
为什么不支持？您没有指定任何进一步的要求。因为这将使文本中心水平而不是垂直。你自己试试吧……我道歉。我遗漏了显示：部件和浏览器兼容性信息。编辑。你需要在IE7中工作的东西吗？是的，我也需要IE7的支持。我相信它将通过display:inline block？通过在css属性前面添加*来定位IE7和更低版本可以吗？