文章詳情頁
css3 - 如何用CSS實(shí)現(xiàn)垂直排列的多個元素自適應(yīng)居中
瀏覽:110日期: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. 在應(yīng)用配置文件 app.php 中找不到’route_check_cache’配置項2. html按鍵開關(guān)如何提交我想需要的值到數(shù)據(jù)庫3. gvim - 誰有vim里CSS的Indent文件, 能縮進(jìn)@media里面的4. Android中能不能判斷一個數(shù)據(jù)庫是create來的,還是open來的?5. HTML 5輸入框只能輸入漢字、字母、數(shù)字、標(biāo)點(diǎn)符號?正則如何寫?6. javascript - 請教如何獲取百度貼吧新增的兩個加密參數(shù)7. 跟著課件一模一樣的操作使用tp6,出現(xiàn)了錯誤8. PHP類屬性聲明?9. javascript - 求助canvas繪制馬賽克的問題,老是取色不準(zhǔn)10. html - 微信瀏覽器h5<video>標(biāo)簽問題
排行榜

熱門標(biāo)簽