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