文章詳情頁
css3 - 如何用CSS實現(xiàn)垂直排列的多個元素自適應(yīng)居中
瀏覽:162日期: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'> <!-- 這里有自適應(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
標簽:
CSS
相關(guān)文章:
1. linux - 將java項目部署在vbox的centos系統(tǒng)上,無法實現(xiàn)外網(wǎng)訪問到j(luò)ava項目2. node.js - nodejs+express+vue3. javascript - node得到req不能得到boolean4. 數(shù)據(jù)庫 - Mysql的存儲過程真的是個坑!求助下面的存儲過程哪里錯啦,實在是找不到哪里的問題了。5. mysql時間格式問題6. javascript - 我的站點貌似被別人克隆了, google 搜索特定文章,除了域名不一樣,其他的都一樣,如何解決?7. python對8000行csv添加列8. DADB.class.php文件的代碼怎么寫9. java - web端百度網(wǎng)盤的一個操作為什么要分兩次請求服務(wù)器, 有什么好處嗎10. python 字符串匹配問題
排行榜

熱門標簽
網(wǎng)公網(wǎng)安備