如何用CSS实现垂直排列的多个元素自适应居中

容器的高度是固定的.
已经尝试过的办法是:

var padding = ( parentHeight - itemHeight * length ) / ( length + 1 );
var css = {
    paddingBottom: padding,
    paddingTop: $index ? 0 : padding
};

有没有纯CSS的方案?

Update:
要实现的大概是这样的效果:

<style>
    .outer{
        height: 480px;
    }
    .outer > div{
        height: 40px;
    }
</style>
<div class="outer">
   <!-- 这里有自适应的padding -->
   <div></div>
   <!-- 这里有自适应的padding -->
   <div></div>
   <!-- 这里有自适应的padding -->
      ...
   <!-- 这里有自适应的padding -->
   <div></div>
   <!-- 这里有自适应的padding -->
</div>

---

http://blog..com/humphry/1190000000381042