文章詳情頁
css3 - 如何用CSS實現(xiàn)垂直排列的多個元素自適應居中
瀏覽:102日期:2023-08-07 10:12:32
問題描述
容器的高度是固定的.已經(jīng)嘗試過的辦法是:
var padding = ( parentHeight - itemHeight * length ) / ( length + 1 );var css = { paddingBottom: padding, paddingTop: $index ? 0 : padding};
有沒有純CSS的方案?
Update:要實現(xiàn)的大概是這樣的效果:
<style> .outer{height: 480px; } .outer > p{height: 40px; }</style><p class='outer'> <!-- 這里有自適應的padding --> <p></p> <!-- 這里有自適應的padding --> <p></p> <!-- 這里有自適應的padding --> ... <!-- 這里有自適應的padding --> <p></p> <!-- 這里有自適應的padding --></p>
問題解答
回答1:http://blog.segmentfault.com/humphry/1190000000381042
標簽:
CSS
相關文章:
1. vue.js - 關于Vue-cli項目在VPS中用Nginx部署完請求頁面app.js找不到提示404錯誤。2. javascript - 一個是數(shù)組,一個是對象,怎么進行比較去重?3. mysql優(yōu)化 - mysql update和delete和insert 操作多條數(shù)據(jù)的背后情況4. 遍歷目錄下的所有文件5. 關于docker下的nginx壓力測試6. docker-machine添加一個已有的docker主機問題7. docker鏡像push報錯8. angular.js - angular內(nèi)容過長展開收起效果9. nignx - docker內(nèi)nginx 80端口被占用10. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.
排行榜

熱門標簽