css3 - 如何用CSS實(shí)現(xiàn)垂直排列的多個(gè)元素自適應(yīng)居中
問(wèn)題描述
容器的高度是固定的.已經(jīng)嘗試過(guò)的辦法是:
var padding = ( parentHeight - itemHeight * length ) / ( length + 1 );var css = { paddingBottom: padding, paddingTop: $index ? 0 : padding};
有沒(méi)有純CSS的方案?
Update:要實(shí)現(xiàn)的大概是這樣的效果:
<style> .outer{height: 480px; } .outer > p{height: 40px; }</style><p class='outer'> <!-- 這里有自適應(yīng)的padding --> <p></p> <!-- 這里有自適應(yīng)的padding --> <p></p> <!-- 這里有自適應(yīng)的padding --> ... <!-- 這里有自適應(yīng)的padding --> <p></p> <!-- 這里有自適應(yīng)的padding --></p>
問(wèn)題解答
回答1:http://blog.segmentfault.com/humphry/1190000000381042
相關(guān)文章:
1. 安全性測(cè)試 - nodejs中如何防m(xù)ySQL注入2. javascript - 關(guān)于apply()與call()的問(wèn)題3. html - eclipse 標(biāo)簽錯(cuò)誤4. python 利用subprocess庫(kù)調(diào)用mplayer時(shí)發(fā)生錯(cuò)誤5. python - Pycharm的Debug用不了6. datetime - Python如何獲取當(dāng)前時(shí)間7. 請(qǐng)問(wèn)PHPstudy中的數(shù)據(jù)庫(kù)如何創(chuàng)建索引8. python - pycharm 自動(dòng)刪除行尾空格9. python文檔怎么查看?10. javascript - nginx反向代理靜態(tài)資源403錯(cuò)誤?
