html - 3 列布局 w/center a vertically centered div

Question

这是我的html结构

<style>
  .left {
    float:left;
    width: 450px;
  }
  .center {
    float:left;
    width: 150px;
  }
  .right {
    float:right;
    width:450px;
  }
</style>
<div>
  <div class="left">
  </div>
  <div class="center">
    <a href="javascript:someOnclick();">Add</a>
  </div>
  <div class="right">
  </div>
</div>

左边div的内容是通过ajax加载的表格。我想做的是让链接动态地垂直居中(或该死的关闭)，这样当加载表格并且该 div 的高度发生变化时，我的链接就会适本地移动。我在此表上创建了一个 GridView 控件，并根据我想使用链接填充右列的所选值。任何帮助，将不胜感激。中心 div 具有固定宽度，但高度可能会填满包含的 div 以允许垂直居中。

Answer 1

<style>Update
  .left {
    float:left;
    width: 450px;
  }
  .center {
    width: 150px;
    margin-left:auto;
    margin-right:auto;
  }
  .right {
    float:right;
    width:450px;
  }
</style>
<div>
  <div class="left">
  </div>
  <div class="center">
    <a href="javascript:someOnclick();">Add</a>
  </div>
  <div class="right">
  </div>
</div>

P.D:别忘了打勾，谢谢 :D