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

问题描述

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

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>

问题解答

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