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. angular.js - 關(guān)于$apply()2. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問(wèn)題。3. MySQL數(shù)據(jù)庫(kù)中文亂碼的原因4. dockerfile - 我用docker build的時(shí)候出現(xiàn)下邊問(wèn)題 麻煩幫我看一下5. android-studio - Android Studio 運(yùn)行項(xiàng)目的時(shí)候一堆警告,跑步起來(lái)!?6. dockerfile - [docker build image失敗- npm install]7. angular.js - Ionic 集成crosswalk后生成的apk在android4.4.2上安裝失敗???8. nignx - docker內(nèi)nginx 80端口被占用9. mysql - 新浪微博中的關(guān)注功能是如何設(shè)計(jì)表結(jié)構(gòu)的?10. 如何解決Centos下Docker服務(wù)啟動(dòng)無(wú)響應(yīng),且輸入docker命令無(wú)響應(yīng)?
