文章詳情頁
css3 - 如何用CSS實(shí)現(xiàn)垂直排列的多個元素自適應(yīng)居中
瀏覽:99日期: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:要實(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>
問題解答
回答1:http://blog.segmentfault.com/humphry/1190000000381042
標(biāo)簽:
CSS
相關(guān)文章:
1. dockerfile - 我用docker build的時候出現(xiàn)下邊問題 麻煩幫我看一下2. android-studio - Android studio導(dǎo)入老版本的2048項(xiàng)目報錯3. 為什么我ping不通我的docker容器呢???4. 關(guān)于設(shè)計mysql中一個字段自增的函數(shù)。5. PhpStorm 輸入php按tab后生成的起始結(jié)束標(biāo)簽<php><php> 如何修改?6. 做一個抽獎系統(tǒng)7. 為什么return不了數(shù)據(jù)給ajax8. php mail無法發(fā)送郵件9. PHP類屬性聲明?10. PHP 怎么api獲取json數(shù)據(jù)
排行榜

熱門標(biāo)簽