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

Question

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

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

有没有纯CSS的方案?

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

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

Answer 1

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